vue 中数组操作去更新视图

今天开发的时候遇到一些问题
关于vue项目中data有一个数组的状态 去更新数组从而更新视图

// 以下数组的操作可以更新视图
1 push 在数组最后面添加一个元素
2 pop 删除数组中最后一个元素
3 shift 删除数组中第一个元素
4 unshift 在数组最前面添加一个元素
5 splice(开始索引位置，截取几个，替换的新元素)  
6 sort(xx)
7 reverse()

// 以下数组的操作不会更新视图
1 this.arr[0] = "100"  通过数组索引下标去更改 不会改变  但data 中的数组却发生改变了
  但如果数组的元素是对象  this.arr[0].label = "100" 可以改变
  arr = [
  	{
  	id:1,
  	label:'1'
  	}
  ]
 2 this.arr.length = 2 通过修改数组长度 视图不会更新 但data中 数组长度会改变
 
// 如果通过操作不能更新视图 可以通过以下操作
this.$set(this.arr,indexOfItem,newValue)