vue.jsの勉強を始めて二週間くらいです。今までやったことといえばvueのチュートリアルくらい
そんな僕がvueをとりあえず実践で使ってみようとlaravel bladeの中で使ってみたら思いのほか躓いたという話です。
やりたいこと
laravel.blade.php
<div id="test">
@foreach( $informations as $information )
<example-vue information_id="{{$information['id']}}"><example-vue>
@endforeach
</div>
こんな感じでbladeの中でforeachで取り出した値をなんとかしてvueで使いたいなあ…と考えていました。
が、やり方が分からない。
これで一夜「laravel vue 値 受け渡し」みたいな単語で何度も検索していました。
全然簡単だった件
なんとかできるようになりました
が、終わってみると全然簡単でした。
propsなるものがあるそうで
vue.js
<script>
Vue.component('example-vue',{
props: ['information_id'],
template: '<p>@{{information_id}}</p>'
})
new Vue({ el: '#test' })
</script>
こんな感じでpropsでカスタムプロパティーにセットした値を受け取れます。
終
なんだ！めっちゃ簡単じゃんｗｗｗ
てかチュートリアルにもあったはずなのになんで忘れてしまうん・・・