这两种vue-router动态加载组件的写法,区别是什么?

大伯格
  • 371
//1
const Recommend = (resolve) => {
    import('components/recommend/recommend').then((module) => {
        resolve(module)
    })
}

//2
const Recommend = () => import('../components/recommend/recommend')

都可以实现动态加载,2是vue-router官方推荐的写法。
1是http://coding.imooc.com/class...这个教程里的写法

回复
阅读 4.1k
2 个回答
冰__翼
  • 1k
✓ 已被采纳

两种写法在本质上没有什么区别,第一种写法反而是麻烦了。

import() 本身返回 Promise,第一种方法又在 import() 返回的 Promise 中加了一个 then 再去处理返回的内容,实在是多此一举

善良的乌贼
  • 3.7k

没有啥区别。

买了教程的话可以直接去问出教程的老师把。。一般慕课网这种教程买了不都有个群嘛。问问老师怎么不按官方的写,哈哈

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