vue的钩子函数有哪些 分别是什么时候触发(除了组件的还有其他的钩子)

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  离开当前路由时

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值