vue-router 懒加载 这是什么写法?

大伯格
  • 371
const UserCenter = (resolve) => {
  import('components/user-center/user-center').then((module) => {
    resolve(module)
  })
}

router配置

{
      path: '/user',
      component: UserCenter
}

我知道import会异步加载user-center.vue组件。
不明白的是UserCenter是一个函数,不是一个函数执行结果,正常不是要把组件对象赋值给router的component属性吗?这个赋值了一个函数给他是什么意思?

另外这个resolve是什么?谁把resolve作为实参传进去了?谁执行了UserCenter这个函数?

另外return resolve(module)结果的接收对象是谁?

回复
阅读 3.1k
3 个回答
已注销
  • 883

router api文档

ps:望注意,如果路由组件使用的懒加载,那么对应的.vue文件中的css也会懒加载。

SlaneYang
  • 3.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏