Question

2016-10-07

583

laravel webpack vue.js

我有一个全新安装的 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 组件的工作方式？

Answer 1

您是否在 welcome.blade.php 中包含了 app.js？

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

您可能已经这样做了，但也请确保添加一个带有您在 Vue 实例的选项中定义的 id 的元素（在本例中为 #app ）。