您的位置:首页 > 其它

异步组件,动态组件

2019-01-23 12:19 62 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/c_liufeng/article/details/89228112

Vue-cli生成的项目,使用webpack打包,会打包成一个html页面和一个js文件,导致页面首次加载非常的慢,为了解决这个问题,使用异步组件,将他打包成多个js文件,优化首次加载页面速度,采用了异步加载,什么时候需要什么时候加载。

使用:(router.js)

[code]before(不优化): import Login from '@component/login'
// 方法一:
later(优化后):const Login = resolve => require(['@component/login'], resolve)
// 方法二:
const Login = () => import('@component/login')

注:如有不同见解 —邮箱:L1591210160@163.com

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: