data为什么是一个函数,而不是方法。

组件实例对象data必须为函数,目的是为了防止多个组件实例对象之间公用一个data,产生数据污染。如果用函数的形式,initData时会将其作为工厂函数都会返回全新data对象。

根实例对象data可以是对象也可以是函数(因为根实例是单例),不会产生数据的污染。

16873c083e5249a9a1ce99b7ab27a2ad.png

(根实例是:vue,组件实例是vuecomponents)

如果在组件实例中的data 写成对象的话会报错。

d1c16b4f93724291aa1df5e256dcd7f5.png

084fb2b6e1a543fdabc0ba712fbac88f.png 

在组件实例中data如果是方法的话,就会产生数据污染因为:

Object是引用数据类型,如果不用function返回,每个组件的data都是内存的同一个地址,一个数据改变了其他也就改变了,javascipt 只有构造函数构成作用域,data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响。

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值