vue3 中setup的执行时机及在生命周期中的位置
结果:1setup是在props解析之后,beforeCreate执行之前进行调用2 如果在setup中和外部同时调用一个生命周期函数,setup的生命周期函数在外部的生命周期函数之前执行<template><div>setup的执行时机</div></template><script>import { onMounted } from
·
结果:
1 setup是在props解析之后,beforeCreate执行之前进行调用
2 如果在setup中和外部同时调用一个生命周期函数,setup的生命周期函数 在外部的生命周期函数之前执行
<template>
<div>setup的执行时机</div>
</template>
<script>
import { onMounted } from "@vue/runtime-core";
export default {
data() {
console.log("data");
return {
name: "111",
};
},
methods: {
changeName: () => {
console.log("changeName");
console.log(this.name);
},
},
computed: {
newName() {
console.log("computed");
console.log(this.name);
return "123";
},
},
beforeCreate() {
console.log("beforeCreate");
},
created() {
console.log("created");
},
beforeMount() {
console.log("beforeMount");
},
mounted() {
console.log("mounted");
},
setup() {
console.log("setup");
onMounted(() => {
console.log("onMounted");
});
},
};
</script>
仅记录平常学习
更多推荐
已为社区贡献10条内容
所有评论(0)