vue data的三种写法

官网的

 data: {
 counter: 0
 },

把data变成函数并return属性
参考
组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。
将data封装成函数后，在实例化组件的时候，我们只是调用了data函数生成的数据副本，避免了数据污染。

项目中的方式1

  data() {
    return {
      counter: 0
    }
  },

项目中的方式2

  data: function () {
    return {
      counter: 0
    }
  },

方式2变种

  data: () => {
    return {
      counter: 0
    }
  },