vue生命周期

页面初始化:事件和属性=>beforeCreate=>inject=>(data,computed,watch,methods,props)=>provide=>Created=>模板编译=>beforeMount=>data变量挂载到DOM上=>Mounted

组件更新:beforeUpdate=>变量渲染到页面上=>Updated

组件销毁:beforeDestroy(自定义组件取消;定时器移除;消息订阅取消;data,props等仍处于可用状态,但是调用更改,视图不会发生变化)=>组件销毁=>Destroyed

父子组件创建:父组件beforeCreate=>父组件Created=>父组件beforeMount=>子组件beforeCreate=>子组件Created=>子组件beforeMount=>子组件mounted=>父组件mounted

父子组件更新: 父组件beforeUpdate=>子组件beforeUpdate=>子组件Updated=>父组件Updated

父子组件销毁: 父组件beforeDestroy=>子组件beforeDestroy=>子组件destroyed=>父组件destroyed

页面标签关闭:不执行任何生命周期钩子函数(页面关闭可以监听事件函数beforeunload=>unload)

页面刷新:beforeCreate=>Created=>beforeMount=>Mounted=>beforeUpdate=>Updated

a页面跳到b页面(包括后退或者前进):a页面beforeCreate=>Created=>beforeMount=>b页面beforeDestroy=>destroyed=>a页面Mounted

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值