当生命周期遇到异步该怎样执行
<script>
import { getCameraState } from "@/api/leave";
export default {
data() {
return {
obj: {
message: ""
}
};
},
methods: {
parseCameraState() {
getCameraState().then(res => {
console.log("6");
});
}
},
beforeCreate() {
getCameraState().then(res => {
this.obj.message = "我重新赋值咯";
console.log("4");
});
console.log("0");
},
created() {
this.parseCameraState();
console.log("1");
},
beforeMount() {
console.log("2");
},
mounted() {
console.log("3");
},
updated() {
console.log("5");
}
};
</script>
执行先后顺序已在代码中标记,数字从小到大执行(0,1,2,3,4,5,6), 0123比较容易看出,beforeCreate生命周期里面是调取接口,异步执行等0123执行完才会执行异步里面的操作输出4,这时message重新赋值,触发了update函数输出5,然后created里面也是一个异步输出6