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

最新推荐文章于 2024-01-14 14:24:11 发布

weixin_kexiaokang

最新推荐文章于 2024-01-14 14:24:11 发布

阅读量111

点赞数

本文链接：https://blog.csdn.net/weixin_46396187/article/details/107483760

版权

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

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

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

取个列子：
const arrayData = function() {};
arrayData.prototype.data = {
    a: 1,
    b: 2,
}
const component1 = new arrayData();
const component2 = new arrayData();

component1.data.a === component2.data.a; // true;
component1.data.b = 5;
component2.data.b // 5