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でカスタムプロパティーにセットした値を受け取れます。

終

なんだ！めっちゃ簡単じゃんｗｗｗ
てかチュートリアルにもあったはずなのになんで忘れてしまうん・・・