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

理解:

首先定义的某一个.vue文件在编译之后是一个类,每一个地方使用这个组件的时候,相当于这个实例化,在实例化的时候执行data,如果不是一个函数的话,每个组件的实例中data都是一个引用数据,当该组件作为公共组件共享使用,一个地方的data更改,所有的data一起改变,如果data是一个函数,每个实例的data都在该组件的作用域中,不会影响到其他数据的污染

首先,如果是组件中的data不是一个函数的话,肯定会报错的,主要原因就是因为,我们在写组件的时候都是为了把相同的代码或者功能给抽离出来,并且需要他们之间互不影响,此时若果组件中的data不是一个函数的话,name由于data数据类型是一个对对象,也是一个引用数据类型,那么每次在创建和使用此组件的时候就会直接的使用共同的内存地址,那么这个时候,其实所有的组件中的data都是一个内存地址,并且都指向了同一个内存空间,然后每次修改data中的数据,其他的组件都会受到影响,很明显这样是不符合我们拆分组件的,初衷的,所以为了避免这种事情的发生,我们把组件中的data让他成为一个函数,并且把data的值通过函数返回值的形式去创建出来,这样每次在创建组件的时候都相当于重新的创建了一个新的data对象,并且这个对象和之前所有的组件互不影响。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值