vue生命周期的具体解析简单明了

生命周期what?
钩子函数自动绑定this指向实例化或者组件本身,然后访问数据、属性、方法。
四个阶段
1.create(创建)
(beforeCreate):对象已经创建了,但还没创建完(不能获取数据事件)做loading(加载中)图的展示
(created):对象创建好,可以获取数据和事件。实例还没给到DOM节点
2.mount(挂载)
beforeMount:实列已经给到DOM节点,还没解析
moounted:已经解析,用来进行数据的请求
3.update(更新)需要条件去触发
beforeUpdate:数据变更,视图没做最新的渲染
update:DOM操作视图更新
4.destroy(销毁)条件触发,实例和数据、事件解绑,视图还在,可以释放内存
beforeDestroy:
destroyed:
其他三个特殊钩子
activated(激活)
deactivated(停止) 需要与keep-alive缓存组件一起使用
errorCaptured(子孙组件错误时调用)

你可能感兴趣的:(vue,vue生命周期,简单明了,容易理解,通俗易懂)