VUE声明周期钩子函数

vue

文章目录

一、简介

二、图示

三、辅助理解

四、使用

一、简介

生命周期钩子函数" title="钩子函数">钩子函数其实就是vue实例的选项，这些选项的值全部都是函数，代表了该实例从出生到死亡这一生当中的各阶段，只要达到该阶段就会自动触发。生命周期的钩子函数都是同步执行的，不会有异步队列，也就是初始化实例的一瞬间全部执行完毕

二、图示

当初始化实例的一瞬间，它内部会构建一些响应式事件监听的机制，然后所有的钩子函数就会生成，之后接纳用户定义的那些数据，比如data、methods之类的。

通过el选项或者vm.$mount(el)来匹配要控制的html区域，然后拿template模板中的html代码去编译，如果没有的话，就直接找外面的html，之后通过虚拟dom去替换真实dom，然后真实dom就会被挂载，接下来就会处于一种停歇的状态。

当用户更新model层的数据，虚拟dom就会重新渲染，这种可更新状态一直持续到组件被vm.$destory卸载，卸载后数据观测以及里面的子实例身上绑定的相应式监听式事件会被全部取消，之后再来修改model层数据不会有任何效果。