组件中data为啥是一个函数？

Vue中如何封装组件？什么是组件，为何要封装？组件中data为啥是一个函数？

为何要封装？主要目的就是为了解耦
使用组件，可以提升高复用性
通用组件，必须具备高性能、低耦合的特性。并且还会留一些插槽
	每个组件都是 Vue 的实例 ,组件之间会进行数据共享，当 data 的值是同一个引用类型的值时，
	改变其中一个会影响其他，在 JavaScript 中，在一个函数中返回这个对象就可以了：

Vue.component('some-comp', {
    
    
  data: function () {
    
    
    return {
    
    
      foo: 'bar'
    }
  }
})

export default {
    
    
  data () {
    
    
    return {
    
    
      foo: 'bar'
    }
  }
}