beforeCreate 组件的props/data/methods尚未被创建,都处于不可用状态。 初始化事件和生命周期函数
created 初始化props 、data、methods 组件的props/data/methods已经创建好了,都处于可用状态,但是组件的模板结构尚未生成!
在本阶段发起ajax请求去拿数据(非常重要) (最早能发起ajax请求的时间点)
beforeMount 将要把内存中编译好的html结构渲染到浏览器中,,此时浏览器中还没有当前组件的DOM结构
mounted 已经把内存中的html结构,成功的渲染到了浏览器当中,此时浏览器中已经包含了当前组件的DOM结构 (最早可以操作DOM的时间点)
beforeUpdate 将要根据变化过后、最新的数据、重新渲染组件的模板结构。 (此时数据是最新的,DOM结构是旧的)
updated 已经根据最新的数据,完成了组件DOM结构的重新渲染。 (此时数据是最新的,DOM结构也是最新的)
beforeDestory:实例被销毁前,此时可以手动销毁一些方法;
destroyed:销毁后
activated keep-alive 组件激活时调用。该钩子在服务器端渲染期间不被调用。
deactivated keep-alive 组件停用时调用。该钩子在服务器端渲染期间不被调用。
vue-router全局有三个守卫:
beforeEach 全局前置守卫 进入路由之前;
beforeResolve 全局解析守卫 在 beforeRouteEnter 调用之后调用
afterEach 全局后置钩子 进入路由之后
路由独享守卫:beforeEnter
路由组件内的守卫:
beforeRouteEnter 进入路由前
beforeRouteUpdate 路由复用同一个组件时
beforeRouteLeave 离开当前路由时