使用vue的时候，在data内部检测this可以检测到，但是this下的属性

Question

使用vue开发一个小项目的时候，由于模板内的style需要使用计算属性，在computed内部计算出的值却无法使用；在data内部进行了检测，发现this是可以检测到的，但是this下的多个属性均为undefined贴上代码computed:{    offsetTop:function(){        return (this.$el.offsetWidth-this.$el.offsetHeight)/2+'px';    }},data:function(){    console.log(this);    console.log(this.offsetTop);    return{      styleObject: {        top: this.offsetTop+'px'      }    }},求路过的大神帮看看是怎么回事。

Answer 1

computed是在data后面初始化的，data执行的时候，在computed定义的属性还不存在呢。