vue优化性能


误区一

页面中常使用v-if操作dom,会极大的消耗性能。

解决:用computed代替,例如v-for( i in compList )

误区二

页面中使用js拼接字符串

用es6中${} 字符串模板

性能优化

1 单页面适当地使用keep-alive

2 自定义事件、dom事件及时销毁

element.removeEventListener(String type, Function listener, boolean useCaptrue);
例如:abc.removeEventListener("click",ok,false); //移出按钮a的click事件

3 合理地使用异步

不想让对方等待很长的时间

例如:修改弹框中的表格内容后,表格未更新

4 data 层级不要太深