laravel - 在 Laravel 5.3 中使用 Vue 组件

标签 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中,保存它,但没有任何改变。

即使我没有更改任何 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/

相关文章:

Django Vue Js Axios 已被 CORS 政策屏蔽

php - Laravel 5 模型 $cats 到数组 utf-8 JSON_UNESCAPED_UNICODE

javascript - Lerna 没有启动 webpack

javascript - 电子邮件的表单验证在 Vuejs 中不起作用

vue.js - 超出最大调用堆栈大小 - Vue Router

javascript - 插件无法在带有 React JS 的 Webpack 中工作

javascript - 如何从 Laravel View 将数据发送到模态?

php - 无法解析主机 : 1L9ZSTKURF. algolia.net

php - SQLSTATE[HY000] : General error: 1364 Field 'care' doesn't have a default value

node.js - Node 背包从捆绑中排除文件