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

首先我们应该了解一下对象和函数的存储方式。

一、JS中对象是引用数据类型

        引用数据类型的数据，变量是保存对象的引用（内存地址）

        如果多个变量指向同一个对象，此时修改一个变量的属性，会影响其他的变量。

二、函数作用域

        1、调用函数时创建函数作用域，函数执行完毕后，函数作用域销毁。 

        2、每调用一次，函数就会创建一个新的函数作用域，它们之间相互独立。

        3、在函数作用域中可以访问到全局作用域的变量，在全局作用域中无法访问到函数作用域的变量  

原因：

        组件的data选项是一个函数。Vue在创建新组件实例过程中调用此函数。

因为组件是用来复用的，如果组件中data是一个对象，那么这样的作用域没有隔离，子组件中的data属性值会相互影响。

如果组件data选项是一个函数，那么每个实例可以维护一份被返回对象的独立拷贝，组件实例中的data属性值不会被相互影响。