我全新安装了 Laravel 5.3 项目,该项目内置了示例 Vue 组件。
require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
el: '#app'
});
然后我尝试添加
<example></example>
在welcome.blade.php中,保存它,但没有任何改变。
即使我没有更改任何 JS 文件,我也运行 gulp watch。
我是不是错过了什么?或者这不是 Vue 组件的工作方式?
最佳答案
您是否在welcome.blade.php中包含了app.js?
<body>
<div id="app">
<example></example>
</div>
<script src="{{ asset('js/app.js') }}"></script>
</body>
您可能这样做了,但还要确保添加一个具有您在 Vue 实例的选项中定义的 id 的元素(在本例中为 #app
)。
关于laravel - 在 Laravel 5.3 中使用 Vue 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39916828/