源码与视频教程代码不一样，有什么不同

Question

在router中视频中演示代码是：import SingerDetail from 'components/singer-detail/singer-detail';

源码中是：const SingerDetail = () => import('components/singer-detail/singer-detail')

有什么区别？

Answer 1

提问者 dreamhuo 2018-05-22 15:14:19

老师：另外路由可以异步加载，在vue中像better-scroll这类组件也可以异步加载吗？类似于requirejs的模式

Answer 2

提问者 dreamhuo 2018-05-22 14:57:10

 路由异步加载的这两种写法有什么区别：

方法一：

const Recommend = (resolve) => {

    import('components/recommend/recommend').then((module) => {

        resolve(module);

    });

}

方法二：

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

Answer 3

ustbhuangyi 2018-05-17 16:44:37

源码是最后做了优化，做成了异步组件。

• 提问者 dreamhuo #1

  老师 能详细讲下异步组件的使用吗？谢谢了