Vue + php、どのように小道具に配列を送るのですか？

-1

私はちょうどVueを学び始めました。そして、何が小道具なのか理解できません。私はPHPで単純な配列があります。Vue + php、どのように小道具に配列を送るのですか？

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

今、私は私のブレード（laravel）でそれをしたいが、私はVueのと今のforeachを行う方法がわからないし...私はこのように行うにしようと試みた。

<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>' 
})

それは完全に動作しません....

出典

2017-07-18 wenus

フロントエンドとバックエンドの違いはわかりません。 phpに変数がある場合、いくつかのvueコンポーネントを持つフロントには知識がありません。

ヴュー（および任意のJSのもの）、通常のJS変数として表示する渡されたデータを必要とする：AJAXリクエストを経由してそれらを送信する、テキストとして表示するためにそれらをレンダリング使用して...

あなたは$vegetables配列をループにしたい場合この配列をhtmlにレンダリングする必要があります。Burdyが掲載されています。

出典

2017-07-19 17:45:57 piotr

ただ、このように：

<?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>

出典

2017-07-18 15:07:11 Burdy

Vue + php、どのように小道具に配列を送るのですか？

答えて

関連する問題