在 laravel 应用程序中不工作 Laravel + Vuejs

Question

使用 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 组件。如何解决这个问题？

Answer 1

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

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

在 laravel 应用程序中不工作 Laravel + Vuejs

Not working Laravel + Vuejs in laravel app

php

laravel

vue.js