vue的生命周期(4个阶段,8个钩子函数)

vue的生命周期(4个阶段,8个钩子函数)

(1)创建阶段(create):创建组件对象,创建data对象,但是这个阶段还没有创建虚拟dom树。
-beforeCreate(){}:组件创建之前自动调用 —此时的$el:undefined ,data:undefined
-Create(){}:组件创建完成自动调用–此时可以发送ajax请求,并且可以操作模型数据
(2)挂载阶段 (Mount):创建虚拟dom树(既可以操控data中的数据,又可以发送ajax请求,执行dom操作)。
-beforeMount(){}:组件挂载到dom树之前调用
-Mount(){}:组件挂载到dom树之后调用(也可发送ajax请求)
(3)更新阶段(Update):只要data中的数据发生改变,就会自动触发更新阶段
-beforeUpdate(){}:组件中的数据模型发生改变,需要更新dom树之前调用
-Update(){}:组件中的数据模型发生改变再更新了dom树之后调用
(4)销毁阶段(destroy):这个方法只有主动调用($destroy ) 方法销毁一个组件时才自动触发
-beforeDestroy(){}:在组件在dom销毁之前调用
-destroy(){}:在组件在dom销毁之后调用

(如果路由跳转时,并未更换页面组件,而是在同一个页面组件中,仅更换部分值
,则不会重复执行创建和挂载阶段的。导致放在created中和mounted中的axios请求,
不会重复发送,也就无法自动获得新的查询结果。)

在这里插入图片描述

  • 5
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值