前提・実現したいこと
laravelベースのwebアプリを作っているのですが、動的に入力値を増やせるようにform部分をvue.jsで作成しようと思っています。
###問題点
そのためにまずvueをblade上で使おうと思ったのですが、いくつかうまくいかないことがあります。一つはv-onやv-bindを使った変数の操作が出来ない事で、もう一つはmethodsのaddが動いてくれません。numの0は正常に表示されます。
該当のソースコード
blade
1//略 2 <script src="{{ asset('js/dist/test.js') }}"></script> 3 <div id="app"> 4 <p>@{{ num }}</p> 5 <button v-on:click="add">add button</button> 6 </div> 7//略
js
1 import Vue from 'vue'; 2 new Vue({ 3 el: '#app', 4 data() { 5 return { 6 num:0, 7 } 8 }, 9 methods: { 10 add(){ 11 this.num++; 12 } 13 } 14 });
現状
larave、vue間での値の受け渡しがblade上で出来るため楽だと思い、test.jsを別でコンパイルし読み込んでいます。
laravelとvueの経験が浅いため連携の方法がこれでいいのかも不安があります。
axiosを利用した方法でデータのやり取りができることは調べているときに分かったのですが、わざわざapiを通す利点がわかりません...
初投稿であるため質問自体に不備もあると思いますが、どうか詳しい方よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。