有的公司写在created,有的公司写在mounted里,自己也是跟着他们,他们写哪里,我也就写哪里。也没具体去深究里面的区别。

有空闲下来去做了一下对比:

以下为测试vue部分生命函数
beforeCreate(){
console.log(‘beforecreate:’,document.getElementById(‘first’))//null
console.log(‘data:’,this.text);//undefined
this.sayHello();//error:not a function
},
created(){
console.log(‘create:’,document.getElementById(‘first’))//null
console.log(‘data:’,this.text);//this.text
this.sayHello();//this.sayHello()
},
beforeMount(){
console.log(‘beforeMount:’,document.getElementById(‘first’))//null
console.log(‘data:’,this.text);//this.text
this.sayHello();//this.sayHello()
},
mounted(){
console.log(‘mounted:’,document.getElementById(‘first’))//


console.log(‘data:’,this.text);//this.text
this.sayHello();//this.sayHello()
}
通过上述测试我们可以知道,
在这里插入图片描述
Logo

前往低代码交流专区

更多推荐