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

vue

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

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

2、慎重使用计算属性

计算属性一般就是用来通过其他的数据算出一个新数据,而且它有一个好处就是,它把新的数据缓存下来了,当其他的依赖数据没有发生改变,它调用的是缓存的数据,这就极大的提高了我们程序的性能。听起来很nice 对不对,但是也不要滥用丫!近期做的一个项目,将数组对象作为计算属性,数组对象是用来更新视图的,结果出现的就是:

修改了其中任一个对象中的一个值,就会执行一次更新,然后你会发现,数据量较大的时候,会卡,会卡,会卡, 所以类似常用的数组对象类的值还是不要用计算属性了~

以上是 vue项目-各类卡顿问题记录 的全部内容, 来源链接: utcz.com/z/380845.html

回到顶部