详解vue生命周期及每一个阶段适合进行的操做

VUE生命周期的四个阶段

• create 建立 -------- 建立vue实例并初始化
• mount 挂载 -------- 把vue实例和视图进行关联
• update 更新 ------- 监听数据与视图的变化
• destroy销毁 ------- 销毁实例

生命周期 --- 钩子函数

vue为上面的4个大的阶段提供了一个可编程的接口，咱们能够在这4个的某个时段写入一些本身的逻辑，vue是经过配置一个叫作生命周期钩子函数的选项来实现的

beforecreate

• 在实例初始化以后，数据观测（data observer）和event/watcher事件配置以前调用，里面的this指向实例

create

• 实例已经建立完成以后被调用。在这一步，实例已完成如下的配置；数据观测（data observer),属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，还未与页面关联起来，$el属性目前不可见。可在这阶段进行一些初始化的操做（如ajax获取数据之类的）

beforemount

• 在挂载以前没调用，解析模板，把实例对象下的$el属性指向设置中的el参数指定的元素，这个解析后的模板尚未和$el进行绑定

mounted

• 挂载以后调用，把解析后的模板与页面元素进行绑定，用解析后的模板内容替换页面

beforeupdate

• 在数据绑定以前被调用

update

• 在数据改变以后被调用，能够进行依赖于dom的操做（能够在这个阶段进行dom操做）