vue针对数组和对象的修改

情景:想要修改数组中的值或者是增加数组中的元素

假使数组中存在4个元素修改数组中第二个元素的值，数组示意如下:

data:[
         '1',
         '2',
         '3',
         '4'
     ]

如果使用数组的下标直接进行修改data[1] = 5 vue中数组的值会发生变化但是页面并不会重新渲染，正确的使用方法如下

第一种:使用vue提供的数组方法 data.splice(1,1,5)

第二种:改变数组的引用即重新赋值 data = ['1','5','3','4'];

情景:想要修改对象的值

data:{
       name:'mike',
       age:'28',
       gender:'male'
     }

对象想要修改值存在一种方法直接修改引用，重新赋值给对象例如想要给data对象增加一个地址，如下操作

data={name:'mike',age:'28',gender:'male',adress:'beijing'}

关于vue中数组和对象操作的知识个人总结如上，祝好