created()
:由于选项的处理完成,您可以访问reactive data
属性,并根据需要进行更改.在这个阶段,还没有安装或添加DOM.所以你不能在这里做任何DOM操作
mounted()
:在装载或呈现DOM后调用.在这里,您可以访问DOM元素,并且可以执行DOM操作,例如获取innerHTML:
console.log(element.innerHTML)
所以你的问题是:
Is there any case where created would be used over mounted?
Created一般用于从后端API取数,并设置为数据属性.但是在SSR mounted()
中不存在钩子,您只需要执行诸如在创建的钩子中获取数据之类的任务
What can I use the created event for, in real-life (real-code) situation?
用于从外部API获取要呈现的任何初始所需数据(如JSON),并将其分配给任何react 性数据属性
data:{
myJson : null,
errors: null
},
created(){
//pseudo code
database.get().then((res) => {
this.myJson = res.data;
}).catch((err) => {
this.errors = err;
});
}