vue项目-各类卡顿问题记录

Posted 2021-06-22 webhmy

1、慎重修改prop传来的对象数据

父子组件，是通过prop组件来实现通信的。如果是个基础类型，在子组件修改了prop的值，vue会报错。但是如果是引用类型，不会报错，甚至还给你修改了。当我们使用父组件传来的prop对象来构建视图，并有修改操作的时候，你会发现，会卡，会卡，会卡。。。。所以不要直接使用传来的值做更新操作，可以深拷贝一下再更新~

2、慎重使用计算属性

计算属性一般就是用来通过其他的数据算出一个新数据，而且它有一个好处就是，它把新的数据缓存下来了，当其他的依赖数据没有发生改变，它调用的是缓存的数据，这就极大的提高了我们程序的性能。听起来很nice 对不对，但是也不要滥用丫！近期做的一个项目，将数组对象作为计算属性，数组对象是用来更新视图的，结果出现的就是：
修改了其中任一个对象中的一个值，就会执行一次更新，然后你会发现，数据量较大的时候，会卡，会卡，会卡， 所以类似常用的数组对象类的值还是不要用计算属性了~