Vue生命周期

Vue生命周期是指Vue实例创建、数据初始化、挂载、更新、销毁，的各个阶段。
在Vue中有与之相关的生命周期钩子函数，他们分别是
beforeCreate:这个函数在实例被初始化时执行，此时数据并未初始化
created：表示data与methods已经被初始化好了，如果你在实例创建要操作数据至少在这个阶段进行
beforeMount模板已经在内存中编译，但未将模板挂载到页面中，这个阶段页面的数据只是{{msg}}类的形式，数据并没有渲染到页面
mounted：已经将内存中的模板挂载到页面上，数据也一并渲染到页面，因此如果你想在创建实例的时候操作dom元素，至少该在这个阶段执行，这个阶段代表着vue实例已经创建完毕
beforeUpdate：当数据更新时，此时更新的数据已经传入，但并未重新渲染页面，此时页面的数据与data的数据不一致
updated：这个阶段会将data的数据在内存中重新渲染出一份Dom树，并重新挂载到页面上，此时页面的数据与data的数据保持一致。
beforeDestory：当执行到这个函数时Vue实例已经从运行阶段进入到销毁阶段，此时并未真正销毁
destoryed：执行到这里时Vue示例被完全销毁
Vue生命周期图示
图片来源https://blog.csdn.net/mqingo/article/details/86031260