VUE的上生命周期及钩子函数

生命周期:

创建——初始化数据——编译模板——挂载Dom、渲染——更新——渲染——销毁

1、实例,组件通过new vue()创建出来初始化事件,执行beforCreate钩子函数

2、挂载函数,绑定事件,执行created函数,初始化数据

3、找与实例或者组件对应的模板,编译模板为虚拟dom放入render函数中准备渲染,执行beforeMount钩子函数,初始化数据的获取

4、开始render,渲染出真实dom,然后执行mounted钩子函数

5、组件或者实例的数据更改后,立即执行beforeUpdate,然后vue的虚拟dom机制会重新构建虚拟dom与上一次dom进行diff算法重新渲染

6、更新后,执行updated,数据更新完成

7、调用destroy方法,立即执行beforeDestory

8、组件的数据绑定、监听等都去掉后,执行destorued

钩子函数:

 

posted @ 2021-10-25 23:08  孤僻不语  阅读(54)  评论(0)    收藏  举报