interview/article

vue性能优化

源码优化
s1、代码模块化
2、for循环设置key值(让Vue内部核心代码能更快地找到该条数据,当旧值和新值去对比的时候,可以更快的定位到diff)
3、Vue路由设置成懒加载(首屏渲染的时候,能够加快渲染速度)
4、更加理解Vue的生命周期(不要造成内部泄漏,使用过后的全局变量在组件销毁后重新置为null)。
5、可以使用keep-alive
配置优化
1、修改vue.config.js中的配置项 (productionSourceMap设置为false)
2、使用cdn的方式外部加载一些资源
4、按需引入组件 (如element 中不需要的不引入)

v-if和v-show

v-if 指令用于条件性地渲染一块内容,内容只会在指令的表达式返回 true 值的时候被渲染。v-show 只是简单地切换元素的 CSS property display,不支持