vue首屏加载优化 - 3
2019-05-28 本文已影响0人
MrZac_
3. 异步组件 官方文档
官方文档是这么介绍的:
在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了让事情更简单， Vue.js 允许将组件定义为一个工厂函数，动态地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。
修改router
before：
after：
具体我们来看看改造后的效果:
因为我的项目目前只有7个页面,即使把页面都做成异步加载,效果并不是很'喜人',整体缩小了30kb.
