千锋教育-做有情怀、有良心、有品质的职业教育机构
1、路由懒加载
2、keep-alive缓存页面
3、使用v-show复用DOM
4、v-for遍历避免同时使用v-if（使用computed属性过滤需要显示的数据项 ）
5、长列表性能优化
(1)如果列表是纯粹的数据展示，不会有任何改变，就不需要做响应话, 使用object.freeze(data)
(2)如果是大数据长列表，可采用虚拟滚动，只渲染少部分区域的内容，参考vue-virtual-scroller、vue-virtual-scroll-list
6、事件的销毁 vue组件销毁时，会自动解绑它的全部指令及事件监听，但是仅限于组件本身的限制
7、图片懒加载
8、第三方插件按需引入 像element-ui这样的第三方组件库可以按需引入避免体积太大。
9、无状态的组件标记为函数式组件
10、SSR
更多关于web前端培训的问题，欢迎咨询千锋教育在线名师，如果想要了解我们的师资、课程、项目实操的话可以点击咨询课程顾问，获取试听资格来试听我们的课程，在线零距离接触千锋教育大咖名师，让你轻松从入门到精通。
下一篇
什么是懒加载和预加载
小伙伴们!今天我们要来聊聊前端JavaScript的一个面试题，那就是如何把时间戳转换成普通的时间格式呢?这个问题可是前端面试中的常客哦!别担心，...详情>>
2023-08-04 08:59:00
在网络中使用最多的图片格式主要有JPEG、PNG和GIF。下面我将为你详细介绍这三种图片格式。JPEG(JointPhotographicExpertsGroup)：JPEG是一种广...详情>>
2023-07-19 15:56:35
答案：跨域请求是指在浏览器中，通过JavaScript在一个域名下发起对另一个域名的请求。由于浏览器的同源策略(Same-OriginPolicy)限制，跨域请求...详情>>
2023-07-18 14:04:00
所以我们可以将请求发送到自己服务器，然后自己服务器去请求目标接口资源，最后自己服务器将接口资源返回给当前页面，类似于找外援代替自己请求...详情>>
2022-08-23 17:45:21
HTTP2.0和HTTP1.X相比的新特性 - 新的二进制格式（Binary Format），HTTP1.x的解析是基于文本，基于文本协议的格式解析存在天然缺陷，文本的表...详情>>
2022-08-23 17:45:15
京公网安备 11010802030320号