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

Question

//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...这个教程里的写法

Answer 1

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

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

Answer 2

没有啥区别。

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