2016-10-07 21 views
2

私は、Vueコンポーネントの例を組み込んだLaravel 5.3プロジェクトを新しくインストールしました。Laravel 5.3でVueコンポーネントを使用する

require('./bootstrap'); 

Vue.component('example', require('./components/Example.vue')); 

const app = new Vue({ 
    el: '#app' 
}); 

私はその後、welcome.blade.phpに

<example></example> 

を追加しようとしました、それを保存したが、何も変わっていません。

私はgulp watchを実行しても、私はJSファイルを変更しませんでした。

私は何かを見逃しましたか?または、これはVueコンポーネントが動作する方法ではありませんか?

+0

vueはjavascriptコンソールで何かを印刷しますか? – Skysplit

答えて

2

welcome.blade.phpにapp.jsを含めましたか?

<body> 
    <div id="app"> 
     <example></example> 
    </div> 
    <script src="{{ asset('js/app.js') }}"></script> 
</body> 

あなたは、おそらくそのようにしたが、また、あなたはVueのインスタンスのオプションで定義されている(この場合#appで)idを持つ要素を追加してください。

関連する問題