Vue.js Vue v-for对象在数据更改后不更新

我使用vue 2.5.x版

下面是一个例子

无论我多么努力地点击“添加项目”按钮，页面中都不会显示任何项目

但是“添加项目版本2”有效

添加<代码>：键没有帮助。有什么问题

let app=new Vue({
el:“应用程序”，
数据：{
项目：{}，
计数：0，
},
方法：{
添加（）{
this.items[this.count.toString（）]=this.count；
这个.count++；
console.log（this.items）；
},
Add 2（）{
让项目={}
items[this.count.toString（）]=this.count；
这个项目=项目；
这个.count++；
console.log（this.items）；
}
}
})

添加项
添加项目版本2
{{item}

替换：this.items[this.count.toString（）]=this.count

let app = new Vue({
  el: "#app",
  data: {
    items: {},
    count: 0,
  },
  methods: {
    add() {
        Vue.set(this.items,this.count.toString(),this.count);

      this.count++;
      console.log(this.items);
    },
    add2() {
      let items = {}
      items[this.count.toString()] = this.count;
      this.items = items;
      this.count++;
      console.log(this.items);
    }
  }
})

使用Vue.set（this.items，this.count.toString（），this.count）

let app = new Vue({
  el: "#app",
  data: {
    items: {},
    count: 0,
  },
  methods: {
    add() {
        Vue.set(this.items,this.count.toString(),this.count);

      this.count++;
      console.log(this.items);
    },
    add2() {
      let items = {}
      items[this.count.toString()] = this.count;
      this.items = items;
      this.count++;
      console.log(this.items);
    }
  }
})

这是javascript或Vue js警告的限制。查看vue文档的更改检测注意事项部分，了解更多信息：