zoukankan      html  css  js  c++  java
  • vue项目-各类卡顿问题记录

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

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

    2、慎重使用计算属性

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

  • 相关阅读:
    定时器应用(函数封装)
    js中的作用域
    js函数传参
    js数据类型转换
    jQuery总结
    少些招数,多些内力
    浏览器中的标签切换事件
    正则表达式之小有名气
    正则表达式之初入江湖
    详解apply
  • 原文地址:https://www.cnblogs.com/webhmy/p/14918603.html
Copyright © 2011-2022 走看看