vue生命周期钩子函数(一个页面从开始到销毁的过程)
创建前beforeCreate()创建后Created()创建后才能获取到data数据挂载前beforeMount()挂载后Mounted()挂载后才能获取到dom元素更新前beforeUptate()更新后Updated()销毁前beforeDestroy()销毁后Destroyed()组件激活时调用...
·
vue2的生命周期函数一共有11个 常有的有8个
- beforecreate() 组件实例创建前 (这个时候还不能获取到data数据)
- created() 组件实例创建后 (能够获取到data数据)
- beforemount() 组件挂载前
- mounted() 组件挂载后 (dom元素挂载后才可以获取到)
- beforeupdate() 数据改变 视图更新前 (注意:只有视图更新才会触发钩子函数,数据改变不一定更新,视图改变一定会更新)
- updated() 视图更新后
- beforedestroy() 实例销毁前
- destroyed() 实例销毁后 (销毁前和销毁后主要用于定时器或者全局监听在这里销毁)
另外三个分别是:
- activated() 被keep-alive缓存的组件激活时调用
- deactivated() 被keep-alive缓存的组件停用时调用
- errorcaptured() 2.5.0+新增的捕获来自一个子孙组件错误时调用
vue3.0做了一些改动
- beforeCreate --> setup() 开始创建组件之前,创建的是data和method
- created--> setup()
- beforeMount--> onBeforeMount 组件挂载到节点上之前执行的函数
- mounted--> onMounted 组件挂载完成后执行的函数
- beforeUpdate--> onBeforeUpdate组件更新之前执行的函数
- updated--> onUpdated 组件更新完成之后执行的函数
- beforeDestroy--> onBeforeUnmount 组价卸载之前执行的函数
- destroyed--> onUnmounted组件卸载完成后执行的函数
更多推荐
已为社区贡献1条内容
所有评论(0)