Vue实例生命周期钩子函数及其含义

钩子函数 含义
beforeCreate Vue实例进行初始化，此时实例的各个组件还没有完全初始化，因此不能访问data、computed、watch、methods的方法和数据，同时，Vue实例的挂载点也没有进行初始化
created Vue实例初始化完成，此时可以访问data、computed、watch、methods的方法和数据，但是依旧没有进行Vue实例的挂载点初始化
beforeMount 将实例绑定到模板并进行渲染，但并不会讲实例挂载到页面上
mounted 讲渲染好的模板绑定到页面上，此时，Vue实例已完全创建好
beforeUpdate 数据变更时执行，在实例数据更改之前执行自定义逻辑或操作
updated 将Vue实例更新完成的数据重新渲染到内存中的虚拟DOM中，再讲虚拟DOM应用到页面上
beforeDestroy Vue实例进入销毁阶段，此时实例上的data、methods、过滤器、指令等仍处于可用的状态，还没有真正执行销毁的过程（解除与页面DOM元素的绑定）
detroyed 实例被销毁（解除Vue实例与页面DOM元素的绑定，但该Vue实例的对象、数据仍然可以使用）