vue生命周期函数

什么是生命周期：vue实例创建、运行、销毁期间，总是伴随着各种各样的事件，这些事件组成了vue的生命周期

这些生命周期事件也叫做生命周期钩子或生命周期函数，分为三类

一、创建期间的生命周期函数：

beforeCreate:初始化事件和生命周期，此时话没有初始化date和methods

created:实例创建完毕，完成了数据注入和事件监听，data和methods属性已被初始化，可以访问data中的数据

beforeMount:在created之后，vue会判断实例中是否含有el属性，如果没有会调用vm.$mount(el) ,接着会判断是否含有template属性，如果有将其解析为一个render function ，如果没有将el指定的外部html进行解析，此时完成了模板的解析但是数据并没有绑定到模板中

mounted:将编译好的模板挂载到页面，页面有了显示，最早操作

二、运行期间的生命周期函数：

beforeUpdate:更新虚拟dom节点，此时data中的数据已被更新，但是界面上显示的数据还是旧的

updated:页面重新渲染，此时data中的数据和页面中显示的数据保持了同步

三、销毁期间的生命周期函数：

beforeDestroy:实例销毁之前调用，在这一步实例仍然完全可用

destroyed:销毁vue实例对象，移除了监听器、子组件和事件监听