时间戳

首页 > 解决方案 > 在 laravel 应用程序中无法使用 Laravel + Vuejs

php - 在 laravel 应用程序中无法使用 Laravel + Vuejs

问题描述

使用 Laravel 5.7 和 Vue Js。这是 app.js

let Myheader = require('./components/Myheader.vue');
let Myfooter = require('./components/Myfooter.vue');

const app = new Vue({
    el: '#app',
    components:{Myheader,Myfooter}
});

blade.php file

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

但是当我运行 artisan serve 命令时，它不会显示 vue 组件。如何解决这个问题？

标签： phplaravelvue.js

解决方案

如果您使用 Laravel Mix 4.0+，请尝试添加.default您的需求。当您使用 CommonJS 导入模块时，这是需要的。

let Myheader = require('./components/Myheader.vue').default; 
let Myfooter = require('./components/Myfooter.vue').default;

推荐阅读