Vue的生命周期详解

生命周期	解释	操作
beforeCreate()	在实例初始化后，this 指向创建的实例，不能操作 DOM 节点	请求资源、数据
created()	实例已经创建完成之后被调用，DOM 未生成	改变data中的数据，获取computed中的计算属性，Ajax请求 （服务端渲染）
beforeMount()	在挂载开始之前调用，data 已初始化，为虚拟 DOM
mount()	挂载到实例上之后调用，可以操作 DOM 节点	Ajax请求
beforeUpdate()	数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。可以进一步地更改状态，不会触发附加的重渲染过程。	更改状态
updated()	由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后调用。组件 DOM 已经更新，可以执行依赖于 DOM 的操作。	执行依赖于 DOM 的操作，避免更改状态
beforeDestroy()	实例销毁之前调用，实例仍然完全可用。	定时器的清除，监听的DOM事件的清除
destroyed()	实例销毁后调用。Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。	销毁实例