ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-07-05 20:02:29  阅读:154  来源: 互联网

标签:vue computed 拦截器 使用 组件 脚手架 搭建 加载


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.页面长时间未操作超时退出到登录页

标签:vue,computed,拦截器,使用,组件,脚手架,搭建,加载
来源: https://www.cnblogs.com/gengxinnihaoma/p/14974137.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有