Question

我刚刚开始学习Vue，我无法理解什么是道具？我在php中有简单的数组：

$vegetables = ['apple', 'strawberry', 'banana'];

现在我想要它在我的刀片（laravel）中，但我现在不知道如何使用Vue进行预告......我试着这样做：

<html>
<head>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app-7">
<ol>

    <vegetable-item
        v-for="item in vegetables"
    </vegetable-item>
</ol>
</div>

 </body>
<script>
Vue.component('#app7', {
    props: ['array'],
    template: '<li>{{ item.text }}</li>'
})

它完全不起作用....

Answer 1

就像这样：

<?php
    $vegetables = ['apple', 'strawberry', 'banana'];
?>

<script>
var arr = "<?php echo implode(",", $vegetables); ?>".split(",");
console.log(arr); //["apple", "strawberry", "banana"]
Vue.component('#app7', {
    props: arr,
    template: '<li>{{ item.text }}</li>'
})

</script>

Answer 2

您不了解前端和后端部分之间的区别。如果php中有任何变量，你的前面有一些vue组件不知道。

Vue（和任何js东西）需要传递给普通js变量的数据：使用渲染它们作为文本查看，通过ajax请求发送它们......

如果你想循环遍历$vegetables数组，你必须将此数组渲染为html，因为 Burdy 已发布。

Vue + php，如何将数组发送到道具？

2 个答案: