Vue.set动态添加属性失效问题

Question

vue2 新手开发小demo遇到的问题：Vue.set(this.food, 'count', 1) 动态添加属性，但是<div class="decrease btn">并没有显示出来，是什么原因？应该怎么解决呢？Vue.set( object, key, value )

Answer 1

increaseCount : function () {

  if (!this.food.count) {

    this.food.count = 1

    this.food.$set('count', 1) // 这里应该这么设置才有效

    console.log(this.food)  // Object {count: 1, __ob__: Observer}

 } else {

  this.food.count ++

 }