VUE重学

v-if和v-show的区别:
v-if是按条件渲染,因为他确保在切换时,条件区块内的事件监听器和子组件都会被销毁和重建,也是惰性的,如果初次渲染条件为false,则不会做任何事,只有true才会渲染
v-show:无论元素如何都会被渲染,css中display属性会被切换。
总的来说:前者开销大,如果需要频繁切换,使用v-show。如果运行时绑定条件很少改变,则v-if更适合。

v-for:
·可以使用of代替in,更接近js的迭代器语法


vue默认按照 就地更新 的策略更新通过v-for渲染的列表,当数据项顺序改变时,vue不会随之移动dom元素顺序,而是就地跟新每个元素,确保他们在原本指定的索引位置上渲染。
为了给vue一个提示,以便跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的key :key 可以减少内存消耗

事件参数:
可以获取event对象,通过事件传递数据

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值