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

Question

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)结果的接收对象是谁？

Answer 1

找到答案了。
https://cn.vuejs.org/v2/guide...异步组件

vuejs允许用工厂函数作为组件

Answer 2

哈哈，我之前也迷惑，后来发现这其实是webpack的api,详细看文档吧webpack文档、require-ensure，望采纳。

Answer 3

router api文档

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