vue生命周期+钩子函数+各个钩子函数的作用

1.什么是vue生命周期?

每个Vue实例再被创建之前都要经过一系列的初始化过程,这个过程就是Vue的生命周期。

2.各个钩子函数之间的生命周期干的事

1. 在beforeCreate和create钩子函数之间的生命周期
   在这个生命周期之间,进行初始化,可以看到created的时候数据已经和data属性进行绑定(放在data中的属性值发生改变的同时,视图也会改变)
   此时还没有el选项

2. created和beforeMount间的生命周期
   首先会判断对象是否有el选项,如果有的话就继续向下编译,如果没有el选项(意思就是没有挂载el),则会停止编译,也就意味着停止生命周期,当有了el选项的时候才会继续编译

3. beforeMount和Mounted钩子函数之间的生命周期
   给vue实例对象添加$el成员,并且替换掉在的dom元素,在beforeMount之前el还是undefined

4. mounted钩子函数
   在mounted之前,页面内容还是一javascript中的虚拟DOM形式存在.在Mounted之后才把内容挂载到页面上

5. beforeUpdate和update钩子函数之间的生命周期
   在vue发现data中的数据发生了改变,会重现渲染页面,先后调用这两个钩子函数,beforeUpdate的时候数据更新但是dom节点中的innerHtml还没有发生改变,还是data之前的数据,update的时候新数据渲染到页面上了就是data更新后的数据

6. beforDestroy和destroyed钩子函数键的声明周期
   beforDestroy就是在实例(节点)销毁之前调用,实例还可以用
   destroyed在实例销毁之后,所有的东西都会解绑,包括监听的事件都会移除,节点也就消失