修改数据页面不更新的原因和解决方案

在Vue项目中，我们在修改或者添加新的对象属性后，明明data中的数据已经更新了，但是页面依旧没有更新

var vm = new Vue({
   
  data: {
   
    items: ['a', 'b', 'c']
  }
})
vm.items[1] = 'x' // 不是响应性的
vm.items.length = 2 // 不是响应性的

原因&#x