vue搭建前端脚手架性能优化

1.使用vuex状态管理，将全局组件的共享状态抽取出来为一个store；组件中通过computed获取状态；mutation负责同步任务，action负责异步任务
2.配置路由懒加载
3.封装axios，AIP统一管理，方便维护；保证API接口安全性，加token标识身份；使用请求拦截器，响应拦截器
4.webpack配置alias别名简化路径，开启gzip压缩
5.element组件按需引入，echarts按需引入
6.抽离公共代码，模块化，组件化，隔离作用域，避免变量冲突；组件动态加载，对于不在当前视窗的组件先不加载，使用keep-alive缓存
7.组件样式不互相污染，style标签加scoped属性；使用less的变量和嵌套特性
8.代码书写注意v-if和v-show，computed和watch的区别使用场景，列表渲染输出使用key
9.使用let，const声明变量，使用箭头函数
10.使用async await解决异步回调
11.防抖节流
12.vue渲染大量数据使用虚拟列表，无限下拉刷新或者做分页，增加加载动画，图片懒加载
13.页面长时间未操作超时退出到登录页