vue2的钩子函数

一、定义

钩子函数是一个组件从引入到销毁的全过程中提供的函数，我们可以在钩子函数中写我们自己的代码，比如说请求数据、赋值、注册事件等。

二、钩子函数类型

钩子函数按照组件生命周期分为：挂载阶段（create、mounte）、更新阶段、销毁阶段。

beforeCerate：实例尚未创建不能访问data等数据

create：实例已创建可以访问data、computed、watch、methods的方法和数据此时还未挂载到dom上所以不能访问到ref（ref此时是空的数组），这个阶段常用于数据请求等。

beforeMounted: 在挂载开始前调用，会找到template并开始渲染

mounted：实例挂载到dom上，此时可以通过DOM api获取DOM节点、$ref属性也可以获取dom

beforeDestroy：实例销毁之前调用，这一步完全可以用this获取到实例。常用于销毁定时器、解绑全局事件

beforeCerate/created,、beforeMounted/mounted、beforeUpdate/update、beforeDestroy/destroyed