Vue生命周期钩子函数（详细整理）

图解版：

表格版

钩子函数	特征	应用场景
beforeCreadted	（Vue刚出生）vue实例的挂载元素$el、数据对象data以及methods都没有初始化	加loading事件
created	vue实例的数据对象data和methods初始化完成，但$el还没有	结束loading、请求数据为mounted渲染做准备
beforeMount	vue实例的$el和data都初始化了（模板编译好了，但没有渲染），但还是虚拟的dom节点，具体的data.filter还未替换。	…
mounted	vue实例挂载完成（模板渲染到了页面），data.filter成功渲染	配合路由钩子使用
beforeUpdate	data更新时触发，但是页面上的数据没有更新	…
updated	data更新时触发，页面上的数据也已更新	此处也可以用watch进行观测
beforeDestroy	组件即将销毁时触发，但还没销毁。实例中的数据都还可使用	…
destroyed	组件销毁时触发，vue实例解除了事件监听以及和dom的绑定（无响应了），但DOM节点依旧存在	组件销毁时进行提示