vue中钩子函数的用法

官网的生命周期图片

按创建实例到摧毁期间执行的顺序来：

beforeCreate()

在实例被完全创建出来前，会执行这个函数，执行函数时，data和methods还没有被初始化

created ()

组件实例创建完成后，执行这个函数，此时data和methods都已经被初始化好了

beforeMount()

表示模板已经在内存中编译完成，但没有把模板挂载到页面中

mounted（）

表示模板已经挂载到页面中了，此时实例已经创建完成，

beforeUpdate()

在组件更新之前被执行，此时页面中显示的数据是未更新的，但data数据是更新后的

updated()

在组件更新之后执行，此时页面数据和data数据保存一致，都是更新后的

beforeDestroy()

在组件销毁之前执行，此时data和methods都还可以使用

destroyed()

在组件销毁之后执行，此时data和methods都不可以使用了