vue-router的4.0.0-alpha.6中的component

原创于 2020-08-20 15:16:19 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

11 篇文章

订阅专栏

本文探讨了在Vue项目中使用createRouter配置路由时遇到的类型不匹配问题，特别是当尝试将通过import导入的组件直接赋值给route的component属性时。文章提供了规避此问题的方法，即使用异步组件来替代直接导入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import effect from '@/pages/effect.vue';
// effect通过import导出的方式会爆出类型不匹配，component识别出的类型为undefined
const router = createRouter({
	routes: [
      {
        path: '/',
        name: 'login',
        component: () => import('@/pages/login/login.vue')
      },
      {
        path: '/reactive',
        component: () => import('@/pages/login/reactive.vue')
      },
      {
        path: '/effect',
        component: effect
      }
    ]
})