文章目录
- 生命周期
- [Vue2 生命周期](#Vue2 生命周期)
- [Vue3 生命周期](#Vue3 生命周期)
生命周期
组件的生命周期（组件的一生）
创建
挂载
更新
销毁
Vue2 生命周期
创建Vu2的项目 vue create vue2_test
Vue2的生命周期:4个阶段，8个钩子
在vue2中这些钩子写的顺序无所谓
创建（创建前 beforeCreate()，创建完毕 created()）
挂载（挂载前 beforeMount()，挂载完毕 mounted()）
更新（更新前 beforeUpdate()，更新完毕 updated()）
销毁（销毁前 beforeDestroy()，销毁完毕 destroyed()）
debugger; //可以暂停函数执行
v-if：不成立删除结构，同时销毁了dom元素
v-show: 不展示但是结构在，不展示通过display:none隐藏了，没有销毁
Vue3 生命周期
直接在这里就创建了，setup写在了script 上，
挂载需要引入，同时跟vue2的区别是在前面加on，同时驼峰命名法
我们调用的是onBeforeMount() 函数，里面的函数是我们指定的vue在合适的时机调用的。
Vue3的组件销毁叫卸载
每一个组件都有生命周期。
父组件与子组件的生命周期：
子组件先解析完毕，最后才是父组件解析。
