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

最新推荐文章于 2023-07-31 10:30:32 发布

原创最新推荐文章于 2023-07-31 10:30:32 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

11 篇文章

订阅专栏

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

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
      }
    ]
})