vue的构子函数的作用是什么?简单说一下

vue的构子函数的功能是什么?一共有几个?在什么情况下使用?简单说一下

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

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

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

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

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

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

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

Vue钩子函数就是指在一个Vue实例从创建到销毁的过程自动执行的函数。

beforeCreate:在Vue实例创建之前执行。

Created:在Vue实例创建之后执行。

beforeMount:在Vue实例和DOM元素绑定之前执行。

Mounted:在Vue实例和DOM元素绑定之后执行。

beforeUpdate:在修改Vue实例Data中定义的数据之前执行。

Updated:在修改Vue实例Data中定义的数据之后执行。

beforeDestroy:在销毁Vue实例之前执行

Destroyed:在销毁Vue实例之后执行