使用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定义的属性还不存在呢。