Vue生命周期钩子函数

8个常规 + 2个后续 keep-alive

• beforeCreate 实例创建之前 1.不能拿数据，不能调用方法 2.很少用
• created 实例创建完成 1.可以拿数据，可以调用方法 2.发送 ajax 请求，常用
• beforeMount 实例挂载之前 1.不能获取到真实的 dom 数据 2.很少用
• mounted 实例创建完成 1.能获取到真实的 dom 数据 2.发送 ajax 请求 3.常用
• beforeUpdated 实例更新之前 1.能获取 dom 数据，但是是上一次的数据。 2.不要在这里修改数据 3.不要在这里发送 ajax 请求 4.不常用
• updated 实例更新完成 1.获取修改数据之后，最新的 dom 数据 2.不要在这里修改数据 3.不要在这里发送 ajax 请求 4.注意做好判断，是哪些数据改变 5.常用
• beforeDestroy 实例销毁之前 1.可以修改数据，但是页面不会更新了，因为数据的绑定已经移除了 2.可以做一些收尾的工作，比如清除计数器 3.常用
• destroyed 实例销毁完成 1.不常用