vue检测对象和数组的变化分析
作者：zywpurple 发布时间：2023-07-02 16:55:48
标签：vue,数组变化
在 JavaScript 中对象和数组是引用类型，指向同一个内存空间，如果 prop 是一个对象或数组，在子组件内部改变它会影响父组件的状态。可以直接在子组件修改对象或数组，但是并不会数据改变就会引起变化。
检测对象变化
1、不能检测到对象属性的添加或删除
var vm = new Vue({
data:{
data111:{
a = 1
}
}
})
data111.a = 2;//这个可以引起变化
但data111.b = 2；和vm.b = 2这个不能检测到变化
需要用
Vue.set(object, key, value)
比如$set(data111, b, 2);
或者：
$set(key,value)
比如vm.$set(‘b', 2)；
检测数组变化
下面两种情况不能检测到变化：
1、直接通过索引设置元素，如arr[0]=12;
2、直接修改数组的长度，如vm.arr.length
Vue.set( object, key, value )
用法：
this.$set(this.arr,0,12)
来源：https://blog.csdn.net/zywpurple/article/details/55517479
0
投稿猜你喜欢
- 除了使用 sys.exc_info() 方法获取更多的异常信息之外，还可以使用 traceback 模块，该模块可以用来查看异常的传播轨迹，
- 常规通过迭代或set方法，都无法保证去重后的顺序问题如下,我们可以通过列表的索引功能，对set结果进行序列化old_list=["
- 本文实例讲述了PHP面向对象程序设计高级特性。分享给大家供大家参考，具体如下：静态属性<?phpclass StaticExample
- 在学习linear regression时经常处理的数据一般多是矩阵或者n维向量的数据形式，所以必须对矩阵有一定的认识基础。numpy中创建
- 按照固定的字符，拆分已有的字符串split(sep, n, expand = False):sep:用于分割的字符串n:分割为多少列expa
1.1 ID定位HTML Tag 的 id 属性值是唯一的，故不存在根据 id 定位多个元素的情况。下面以在百度首页搜索框输入文本- 本文实例总结了Python中numpy模块常见用法。分享给大家供大家参考，具体如下：import numpy as nparr = np.a
- 前言：我们平常会使用很多社交媒体，如微信、微博、抖音等等，在这些平台上面，我们会关注某些KOL，同时自己身边的亲朋好友也会来关注我们，成为我
- 如下所示：self.findChild(QComboBox, "name") self is classfirst pa
- 前言Kettle下载与安装保姆级教程(最新)Kettle下载安装pdi-ce-7.1.0.0-12教程win10环境安装kettle与lin
- 见下：<％ FOR i = 1 TO 1000 n =
- 由于opencv读入图片数据类型是uint8类型，直接加减会导致数据溢出现象（1）用Numpy操作可以先将图片数据类型转换成int类型进行计
- 本例子程序展示了长白山火山气体地球化学2002年观测数据中CO2和He两种气体元素深度的时间序列。程序中用到了常用的时间序列python数据
- function lLoopRun(sFuncLoop,sFuncEnd,nDelay) {//writen
- 位置参数这是一个求等差数列和的函数，使用必需要传入一个参数n，这就是位置参数def sum(n): sum=0 &
- socket编程过程中往往会遇到这样那样的问题，出现了这些问题，有的是由于并发访问量太大造成的，有些却是由于代码中编程不慎造成的。比如说，最
- 本文实例讲述了Python实现的栈、队列、文件目录遍历操作。分享给大家供大家参考，具体如下：一、 栈与队列1、 栈 stack特点:先进先出
- fit_generator 是 keras 提供的用来进行批次训练的函数，使用方法如下：model.fit_generator(genera
- 一）安装scrapy：1、打开cmd命令窗口，输入：pip install Scrapy。2、安装成功之后会显示下面字符，表示未将scrap
- 一、协程设计-GMP模型线程是操作系统调度到CPU中执行的基本单位，多线程总是交替式地抢占CPU的时间片，线程在上下文的切换过程中需要经过操
