浅谈vue加载优化策略

vue.js是一个比较流行的前端框架，与react.js、angular.js相比来说，vue.js入手曲线更加流畅，不管掌握多少都可以快速上手。今天我们以vue cli3.x来说一说如何行之有效的缓解此问题！下面这个就是vue路由懒加载的一个具体例子。原因也很简单，一些组件库包含丰富的组件，如果我们直接将其引入，不免会引入一些我们压根用不到的组件。我们现在就拿iview组件库为例，了解一下按需引入的流程。在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，那么vendor.js文件体积将会相当的大，影响首开的体验。解决方法是，将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来，达到加速首开的目的。