在Laravel 5.3中使用Vue组件

时间:2016-10-07 12:03:46

标签: laravel webpack vue.js

我有一个全新安装的Laravel 5.3项目,内置了示例Vue组件。

require('./bootstrap');

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

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

然后我尝试添加

<example></example> 

在welcome.blade.php中保存,但没有任何改变。

我运行gulp watch,即使我没有改变任何JS文件。

我错过了什么吗?或者这不是Vue组件的工作方式?

1 个答案:

答案 0 :(得分:2)

您是否在welcome.blade.php中添加了app.js?

7000:7000  
7001:7001  
7199:7199  
9042:9042  
9160:9160  

您可能已经这样做了,但也要确保添加一个元素,其中包含您在Vue实例的选项中定义的id(在本例中为<body> <div id="app"> <example></example> </div> <script src="{{ asset('js/app.js') }}"></script> </body> )。