我被一个组件js中的递增和递减值卡住了。我在我的模板中得到了这个：

<div class="circleBase" {{action 'upHeat' device.status}}> <p>  {{heat}} C </p> </div>

现在我只想在点击div时增加热度值。我的组件看起来像这样：

init() {
        console.log('init');
        this._super(...arguments);
        this.errors = [];
      },
      didRender() {
        this.setProperties({
          heat: 0
        });
      },
    actions: {
        upHeat: function(a){
            this.set('heat', this.heat +1)
            //or
            this.setProperties({
                heat: this.heat +1
              });
           console.log(heat);
        }
      }

这样不行每次我点击我的div，热量值都会增加，但不会保存。我的模板仍然显示0作为值。