Vue.js 在 Laravel

Question

我第一次嘗試將 vue.js 與 laravel 一起使用。

在刀片.php 文件中：

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

在 app.js 文件中：

Vue.component('favourup', require('./components/Favourup.vue'));

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

在 vue 文件中：

<template>
    <div>
        <h2>FavourUp</h2>
    </div>
</template>

我沒有收到任何錯誤，但是當本地主機應該顯示“FavourUp”時，它會顯示一個空的 web 頁面

Answer 1

由於 vue-loader 15 更新的一部分，你應該在 require vue 組件的末尾寫上 default，如果你的代碼使用 CommonJS 語法來導入 EcmaScript 模塊，你需要 append.default: https://laravel-mix .com/docs/4.0/upgrade#importing-es-modules但正如@Ifaruki 所說，您也可以將其導入這里的代碼：

// first
Vue.component('favourup', require('./components/Favourup.vue').default);

// second
import Favourup from './components/Favourup.vue';

Vue.component('favourup', Favourup);

Vue.js 在 Laravel

問題描述

1 個解決方案

解決方案1
0 2020-06-19 12:46:10

Vue.js 在 Laravel

問題描述

1 個解決方案

解決方案1 0 2020-06-19 12:46:10

解決方案1
0 2020-06-19 12:46:10