首页 前端知识 vue路由中component的动态引入(import、require的各种写法)

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

2024-05-26 00:05:53 前端知识 前端哥 859 628 我要收藏

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

常用import写法(如下图):
在这里插入图片描述
常用写发,先用import通过路径引入组件对象,再赋给component。

稍微高级一点

在这里插入图片描述
直接“@”到目标主文件夹,不用敲那么多点点点。

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

在这里插入图片描述
来源转化:

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

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

let url = 'xxxxxxx'
{
...
component: () =>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/9490.html
标签
es6
评论
会员中心 联系我 留言建议 回顶部
复制成功!