为什么vue中data必须是一个函数

lxf2024-04-06 12:35:56

  类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了;

  javascipt只有函数构成作用域(注意理解作用域,只有构成作用域,以及 都不构成作用域),data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响

  举个?

  如果两个实例同时引用一个对象,那么当你修改其中一个属性的时候,另外一个实例也会跟着改;

  两个实例应该有自己各自的域才对,需要通过下面的方法来进行处理这样么一个实例的data属性都是独立的,不会相互影响了.

  所以,你现在知道为什么vue组件的data必须是函数了吧。这都是因为js本身的特性带来的,跟vue本身设计无关。其实vue不应该把这个方法名取为data(),应该叫setData或其他更容易理解的方法名

  作者:牧码的星星链接:https://www.jianshu.com/p/839cbef3be41来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。