我有一个全新安装的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组件的工作方式?
答案 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>
)。