vue组件中data为什么是函数,vue根实例为什么不需要?vue中key的作用和工作原理?对它的理解?

vue 中的 data

  1. Vue组件可能存在多个实例,如果使用对象形式定义data,导致多个data对象会冲突,采用函数形式,在initData时作为工厂函数会返回全新data对象,避免多个实例直接状态污染。
  2. 根实例只存在一个,不需要担心这种情况。

vue中的key

        如果列表中数据不发生变化设置key起不到作用,比如查询列表。

        优点:

高效的更新虚拟DOM,原理是vue在patch过程中通过key可以精准判断两个节点是否是同一个,避免频繁更新不同元素,减少dom操作,提高性能。

缺点:

若不设置key可能在列表更新时隐藏一些隐藏bug (如控制台报错)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值