vue的生命周期(钩子函数)

什么是生命周期函数

例如人可以分下生命周期：

人可以大概分为出生，上学，工作，结婚，老年，死亡当然可以分得更多，这里只是举例下

Vue的生命周期，从创建，最后到销毁的过程，在不同的不过程中，使用对应的函数调用，称为生命周期或者钩子函数

Vue的生命周期函数分为8个阶段：

beforeCreate() 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

也就是实例创建之前

created()是指实例创建后，但是尚未完成

beforeMount()模板已经在内存中编辑完成，但是数据尚未渲染到页面中，也就是data中的数据未渲染到html中

在beforeMount()中打印作用域可以看到数据没有渲染到html中

mounted()  数据挂载后调用,实例完全创建成功

也就是数据已经挂载到页面中了，用户看到的已经是渲染完毕的页面

beforeUpdate() 数据更新之前调用，虽然data中的数据变了，但是html中的数据还未改变

可以在beforeUpdate()中打印this.$el查看

update()数据更新之后调用

beforeDestory()实例销毁之前调用。在这一步，实例仍然完全可用。

distoryed()Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。