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
}
]
})
通过异步组件就可以规避类型报错