数据已经被改变，视图没有更新怎么办？

由于 vue 的数据是双向绑定的数据，如果我们在实例被创建之后修改、操作我们的数据源，就会导致，数据改变，视图没有更新

Vue.$set

  • Vue.set 全局的 set 方法
  • this.$set vue 单文件实例里面可以通过 this 来访问

变异方法

  • push
  • pop
  • shift
  • unshift
  • splice
  • sort
  • reverse

push() 接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
pop() 从数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项
shift() 移除数组中的第一个项并返回该项，同时数组的长度减 1
unshift() 在数组前端添加任意个项并返回新数组长度
splice() 删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员
sort() 调用每个数组项的 toString()方法，然后比较得到的字符串排序，返回经过排序之后的数组
reverse() 用于反转数组的顺序，返回经过排序之后的数组