VUE-生命周期

vue的生命周期从创建到销毁有八个钩子函数

1.beforeCreate

初始化之后实例创建前,这个时候VUE的data和methods还未初始化,还不能访问

2.created

此时实例已经创建完成,完成了data的初始化,可以访问methods中的方法,获取计算属性,但是此时挂载还没开始,还不能使用$el属性,

3.beforeMount

挂载开始之前的钩子,完成了实例和data的初始化,但是还没有挂载到虚拟dom上

4.mounted

挂载已经完成,这个时候html模板渲染到页面上,这个钩子只会执行一次

5.beforeUpdate

数据更新的时候调用,发生在数据重新渲染之前,只要更改了vue数据,就会触发这个钩子函数,不会触发附加的重新渲染过程

6.updated

数据更新时就会触发这个钩子函数,如果在这个钩子函数里面操作的话容易造成死循环,一直在更新无限循环

7.beforeDestroy

实例销毁之前调用,实例还是可用的,可用用来销毁定时器这些

8.destroyed

实例已经被销毁,时间今天被移除,字实例也会被销毁