vue的生命周期和计算属性

生命周期

1:什么是生命周期???
vue实例从创建到销毁的过程,就是生命周期。
2:Vue 组件的生命周期分为四个阶段,每个阶段有两个生命钩子,注意前后钩子;
①beforeCreate:组件实例刚被创建,组件属性data、el等还未生效。el 和 data 并未初始化。
②created:实例已经创建完成之后被调用,然而,挂载阶段还没开始,$el 属性目前不可见。

③beforeMount:在挂载开始之前被调用,完成了 el 和 data 初始化。el 和 data 均已初始化。
④mounted:模板挂载完毕,el 被新创建的 vm.el替换。
beforeMount和mounted两者主要区别在于模板是否编译和挂载了。
beforeMount和mounted之间区别:***Virtual DOM(虚拟Dom)技术 ***;

⑤beforeUpdate:数据更新之前;
⑥updated:数据更新之后;

⑦beforeDestroy:销毁前;
⑧destroyed:销毁完毕;
注:$destroy只是销毁一个实例,清理它与其它实例的连接,解绑它的全部指令及事件监听器,并不会清除data的数据或者清除dom。

计算属性

①计算属性??
为了代码的整洁,放到了computed计算属性。
②计算属性简介三部曲:1,调用。2,computed选项。 3,方法返回值return。
③计算属性包含:getter setter。
④计算属性有两个实用的技巧/特点:
1)计算属性可以依赖其他计算属性;
2)计算属性不仅可以依赖当前vue实例的数据,还可以依赖其他实例数据;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你爱我吗。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值