Vue2中的数组响应式,如何通过索引实现响应式?

写在前面

this.arr[0]='adda';//并不能响应式显示在页面上

通过索引值修改数组元素,不是响应式方法

数组的响应式

1.push() 在数组最后添加数据 

2.splice() 实现插入和删除元素

3.pop() 删除最后一个元素

4.shift() 删除数组第一个元素

5.unshift() 数组前边添加元素

6.sort() 对数组进行排序

7.reverse() 对数组进行反转

通过set方法进行响应式的修改

Vue.set(this.data.arr,0,'adda')

猜你喜欢

转载自blog.csdn.net/qq_42533666/article/details/129199218
今日推荐