Vue.component vs导入以加载组件

问题描述 投票:0回答:2

为什么当我使用Vue.component加载下面的两个注释组件时,当它与import一起使用时,我在javascript控制台中收到以下错误?

未捕获的ReferenceError:未定义仪表板

app.js

Vue.component('left-menu', require('./components/LeftMenu.vue').default);
// Vue.component('dashboard', require('./components/foo/dashboard.vue').default);
// Vue.component('members', require('./components/foo/members.vue').default);
import dashboard from './components/foo/dashboard.vue';
import members from './components/foo/members.vue';

const routes = [
    {
        path: '/dashboard',
        component: dashboard
    },
    // {
    //     path: '/members',
    //     component: members
    // }
];
laravel vue.js vue-router
2个回答
0
投票

由于在路由中使用了dashboard变量,因此该变量以“导入方式”存在,但不以“ Vue组件方式”存在]


0
投票

在产生错误的示例中,组件未被识别为变量,因此您应该执行类似的操作:

const dashboard = {
  template: require('./components/foo/dashboard.vue').default ,

}

const routes = [
    {
        path: '/dashboard',
        component: dashboard
    },
    // {
    //     path: '/members',
    //     component: members
    // }
];
© www.soinside.com 2019 - 2024. All rights reserved.