[JavaScript知识库]vue中data的数组怎么操作会重新渲染页面，怎么操作不会渲染页面

会渲染页面的操作

• push()
• pop()
• shift()
• unshift()
• splice()
• sort()
• reverse()
• vue2.0还增加个方法可以观测Vue.set(items, indexOfItem, newValue)
  Vue.set()的用法
• filter(), concat(), slice() 。这些不会改变原始数组，但总是返回一个新数组。当用这个新数组替换老数组时同样会导致页面更新

不会导致页面渲染的操作

• 利用索引值直接改变一个值时，例如：this.arr[0] = 100。此时data中的arr[0]会变成100，但是不会渲染到页面上
• 当你修改数组的长度时，例如： this.arr.length = 100

通过索引值改变数组导致页面不渲染的解决方法

	this.$set(this.arr, 0, 100)

小贴士：对于对象通过key值改变对象导致页面不渲染也可以用这个方法来解决