一、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的挂载,也就还没有与页面进行关联,下面进入挂载阶段。