vue中数据不响应的问题及解决

data() {
    return {
      userInfo: {
        name: '子君',
        sex: '男',
        // 我先提前定义好
        officialAccount: ''
      }
    }
  }

this.userInfo = {
  // 将原来的userInfo 通过扩展运算法复制到新的对象里面
  ...this.userInfo,
  // 添加新属性
  officialAccount: '前端有的玩'
}

this.$set(this.userInfo,'officialAccount', '哈哈哈哈哈')

var vm = new Vue({
    data:{
        a:1// vm.a 是响应的
    }
})
vm.b = 2;// vm.b 是非响应的

Vue.set(vm.someObject, 'b', 2);
//或者
this.$set(this.someObject,'b',2);

vm.items[indexOfItem] = newValue;
解决---->
Vue.set(vm.items,indexOfItem,newValue) / vm.items.splice(indexOfItem, 1 , newValue)

vm.items.length = newLength;
解决---->
vm.items.splice(newLength)