组件中的data为什么是一个函数?

1 vue核心面试题:组件中的data为什么是一个函数

    因为,原始组件需要被复用,复用组件又都要new一个一样的出来。

    如果原始组件里的data是object:在new新组件的时候,原始组件的data作为object,只会给新组件一个指针地址,指向的全都是原始组件data的地址,关键问题就在这里,组件的data就失去乐独立性,一个组件修改data,其他组件也会跟着变化,毕竟本质上是指向的一个地址的一个data。

    如果原始组件里的data是函数:在new新组件的时候,每new一个新组件,组件中的data:function()就会返回一个新的object,存储在新的地址,才使不同组件互不影响。

归纳总结:new组件时,data如果是object,new出来的data指向同一个data(不具有独立性)。                      new组件时,data如果是function,new出来的data指向一个新的data地址(独立互不影响)。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值