Laravel中的Vuejs注册组件问题

Question

我在Vue.js中将App.vue注册为主要组件，但是当我在Laravel刀片服务器中使用它时，出现此控制台错误

[Vue warn]: Unknown custom element: <app> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

这是我的app.js中的代码

require('./bootstrap');
import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuex from 'vuex';
import routes from './routes'
import App from './App'

Vue.use(VueRouter);
Vue.use(Vuex);

const router = new VueRouter({
    routes,
    mode: history
});

Vue.config.devtools = true;

new Vue({
    router,
    render: h => h(App)
}).$mount('#app');

和我的[[刀片

<div id="app">
    <App></App>
</div>

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

这是我在
App.vue

]中编写的代码

<template>
    <div class="app">

        <h1 class="display-4">Hello World from App.vue</h1>

        <router-view />

    </div>
</template>

<script>
    export default {
        name: 'App',
    }
</script>

我将App.vue注册为Vue.js的主要组件，但是当我在Laravel刀片服务器上使用它时，出现此控制台错误[Vue警告]：未知的自定义元素：
-您是否已注册该组件...

Answer 1

您可以像这样注册组件：

Vue.component("Name", require("./components/Name.vue").default);

Answer 2

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

import App from './views/App'
import Hello from './views/Hello'
import Home from './views/Home'

const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'home',
            component: Home
        },
        {
            path: '/hello',
            name: 'hello',
            component: Hello,
        },
    ],
});

Answer 3

app.js：