问题描述：为什么在vue组件中，我们的data属性必须是一个函数,new Vue()中的data除外，因为new Vue中只有一个data属性。

原因：因为我们能抽离出来的组件，肯定是具有复用性的，它在项目中会存在多个实例。如果data属性值是一个对象时，那么它所有的实例都会共享这些数据，这是很麻烦的事情，你不能确保你的所有实例中的属性值都不会重复。

我们的期望是，组件的每个实例都能独立的维护自己的数据。

我们都知道，在JavaScript中，函数具有独立作用域块的特点，外部是无法访问其内部的变量。

试想一下，如果我们组件中的data属性是一个函数，他的每个实例就会有自己的作用域空间，也就是独立的数据，每个实例之间不会相互影响。

所以，组件中的data属性必须是一个函数。

问题描述：为什么在vue组件中，我们的data属性必须是一个函数,new Vue()中的data除外，因为new Vue中只有一个data属性。原因：因为我们能抽离出来的组件，肯定是具有复用性的，它在项目中会存在多个实例。如果data属性值是一个对象时，那么它所有的实例都会共享这些数据，这是很麻烦的事情，你不能确保你的所有实例中的属性值都不会重复。我们的期望是，组件的每个实例都能独立的维护自己的数据。解决方案我们都知道，在JavaScript中，函数具有独立作用域块的特点，外部是无法访问其内 vue 组件 为什么 data 是 函数 ？ data 是一个 函数 时，每个 组件 实例都有自己的作用域，每个实例相互独立，不会相互影响。 date 写成 对象 形式， 每个 组件 的 data 都是内存的同一个地址，一个数据改变了其他也改变了。 为什么new Vue 这个里面的 data 可以放一个 对象 ？ 因为这个类创建的实例是不会被复用。它只会new一次，不用考虑复用，所以放一个 对象 即可。 在这里插入代码片 以下引官网原文：当一个 组件 被 定义 ， data 必须声明为返回一个初始数据 对象 的 函数 ，因为 组件 可能被用来创建多个实例。如果 data 仍然是一个纯粹的 对象 ，则所有的实例将共享引用同一个数据 对象 ！通过提供 data 函数 ，每次创建一个新实例后，我们能够调用 data 函数 ，从而返回初始数据的一个全新副本数据 对象 。 最近来面试的很多人。我都会问这个问题“ vue 中 ，为什么 data 是一个方法返回一个 对象 ，...