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

在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在实例销毁之后,所有的东西都会解绑,包括监听的事件都会移除,节点也就消失