vue路由中component的动态引入(import、require的各种写法)

常用import写法(如下图):

常用写发,先用import通过路径引入组件对象,再赋给component。

稍微高级一点


直接“@”到目标主文件夹,不用敲那么多点点点。

第一种与第二种的结合,可实现懒加载。


来源转化:

const login = () => import('@/views/login/index')...{...component: login,...},

当项目路由很多时,可能需要根据数组动态设置路由,设置中动态设置component组件对象引入地址的方法:

let url = 'xxxxxxx'{...component: () =>