Vue生命周期钩子

一、Vue生命周期介绍

组件在每个阶段它的内部构造是不一样的，所以一般特定的钩子做特定的事，比如Ajax获取数据就可以在mounted阶段。

从Vue实例被创建开始到该实例最终被销毁的整个过程叫做Vue的生命周期，在这个生命周期内发生了下面的事情:

从vue实例被创建开始，首先vue实例被创建，之后开始数据的初始化，编译模板，挂载dom，渲染dom，更新对象属性，渲染dom，解绑销毁。

二、Vue生命周期钩子

阶段一：创建（创建Vue实例）

1.beforeCreate

2.created

创建部分(create)，就是vue实例被初始化，简单的说就是我们在代码中进行了 var vm = new Vue() 这个操作，之后就进入vue生命周期的创建阶段。在创建阶段中会有两个提供给我们可编程的接口，分别是beforeCreate和created。

这两个接口都是在创建阶段触发,但是两个接口又有所不同, beforeCreate比created要先触发，即vue实例初始化后，beforeCreate没有进行数据读取前就触发，如果在此时进行读取data中的数据就会提示unfined。created 是在实例创建完成后再被调用，此时data中的数据已经写入完成，但是还没有进行dom的挂载，也就还没有与页面进行关联,下面进入挂载阶段。