vue2中，data为什么是函数

vue2中，data为什么是函数

在Vue 2中，data 是一个函数，这是因为Vue需要确保每个组件实例都有独立的响应式数据。如果data 直接是一个对象，那么在多个组件实例中，它们可能会共享同一个数据，这将导致组件之间的状态互相影响，不符合预期。

通过将 data 设为一个函数，每次当一个组件实例被创建时，这个函数都会返回一个新的对象，从而确保每个组件实例都有自己的数据。此外，这个函数还可以用于设置初始数据。

以下是一个示例：

Vue.component('my-component', {  
  data: function() {  
    return {  
      count: 0,  
      message: 'Hello Vue!'  
    };  
  },  
  template: '<div>{{ count }}</div>'  
});

在这个例子中，每次创建 my-component 组件的实例时，都会创建一个新的 data 对象，其中 count 和 message 的初始值将被设定。