Vue3的生命周期函数

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进行替换。