vue2 操作数组，页面不响应

问题：

arr= ['as','76','546','qwe']

arr[3] = '24'

// 控制台输出  arr= ['as','76','546','24']
// 页面上输出  arr= ['as','76','546','qwe']

解决方法：

1、通过splice() 方法

this.arr.splice(0,1,'修改的数据') // splice方法删除下标为 0 的 1 个元素，并且在这里插入‘222’这个元素

2、通过vue的set方法

this.$set(arr[0] = '修改的数据')
Vue.set(this.arr,0,'修改的数据')

3、动态更新数据–删除已有对象中的属性

// this.$delete('要删除哪个对象数据','对象名')
this.$delete(this.person,'sex')
Vue.delete(this.person,'sex')