官网的示例

var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  }
});

项目中的写法

data() {
    return {
    message: 'Hello'
    }
  }

为何要把data变成函数并return属性呢？
组件是一个可复用的实例，当你援用一个组件的时刻，组件里的data是一个一般的对象，一切用到这个组件的都援用的同一个data，就会形成数据污染。
将data封装成函数后，在实例化组件的时刻，我们只是调用了data函数天生的数据副本，避免了数据污染。