vue2的生命周期函数 在v3仍然被支持
// v3新增的销毁的生命周期函数
/销毁之前的 类似于v2的beforeDestroy
beforeUnmount() {
},
销毁之后 类似于v2的destroyed
unmounted() {
},
第二种生命周期函数的写法 在setup添加生命周期函数 通过组合式api进行添加
Vue.onBeforeMount(() => {
console.log("onBeforeMount")
});
Vue.onMounted(()=>{
console.log("onMounted")
});
Vue.onBeforeUpdate(() => {
console.log("onBeforeUpdate")
});
Vue.onUpdated(()=>{
console.log("onUpdated")
})
Vue.onBeforeUnmount(() => {
console.log("onBeforeUnmount")
})
Vue.onUnmounted(() => {
console.log("onUnmounted")
})
Vue3 的新特性
1.v3保留了v2的选项式生命周期函数
2.v3提供了新的组合式api生命周期函数并且在setu添加的
3.v3组合式api没有对应的onbeforecreate和oncreated的生命周期函数,销毁过程被onUnmounted和
onBeforeUnmount进行替换。