Vue生命周期

生命周期视图:


Vue生命周期钩子:(共11个)

1. beforeCreate     这是我们遇到的第一个生命周期函数,表示实例完全被创建出来之前,会执行他。    在 beforeCreate  生命周期函数执行的时候,data 和 methods 中的数据还没有初始化 

2. created      这是我们遇到的第二个生命周期函数 ;在实例初始化之后调用,data 和 methods 都已经初始化好了,发起ajax(axios)请求

3. beforeMount      这是我们遇到的第三个生命周期函数  ; 在挂载开始之前被调用,表示模板已经在内存中编辑完成了,但是尚未吧模板渲染到页面中。此函数执行的时候,模板已经在内存中编译好了,但是尚未挂载到页面中去,此时,页面还是旧的

4. mounted 这是我们遇到的第四个生命周期函数 , 表示内存中的模板,已经真实的挂载到了页面中,用户已经可以看到渲染好的页面。 

5. beforeUpdate    视图层数据更新前调用,发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM

6. updated    视图层数据更新后调用

7. beforeDestroy    实例销毁之前调用,在被销毁的组件中进行调用

有一些操作,会在实例已经销毁的时候还在运行,这时候为了性能考虑,就在这里结束哪些操作

8. destroyed    实例销毁后调用。

9. activated   和上面的beforeDestroy和destroyed用法差不多,但是如果我们需要一个实例,在销毁后再次出现的话,用beforeDestroy和destroyed的话,就太浪费性能了。实例被激活时使用,用于重复激活一个实例的时候

10. deactivated         实例没有被激活时

11. errorCap ture  

你可能感兴趣的:(Vue生命周期)