Vue单文件组件data使用函数的原因

如果不使用函数（点击查看官网介绍）

因为在普通写法写的是一个对象，是个引用数据类型，如果用单文件组件开发的时候，每个组件的数据应当是独立的，如果公用一个对象的话，在一个文件里修改数据，其他使用该组件页面也会跟着有变化，所以采用闭包的形式返回私有对象来使用（在Vue内部，会把每一个实例对象data调用之后返回值赋给实例身上的data，因为每个data内部返回的数据都为一个独立的对象，所以在每次通过闭包的形式访问data会形成独立的空间去存放）

第一步

function Component() {
   }

Component.prototype.data = {
   
  a: 1,
  b: 2,
};

let cp1