vue 知识点———— data为什么是个函数

export default {
  name: "App",
  data() {
    return {};
  },
};

防止多个组件实例对象之间共用一个data，产生数据污染；采用函数的形式，initData时会将其作为工厂函数都会返回全新data对象。当将组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，拥有自己的作用域，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。