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

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

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

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

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

你可能感兴趣的:(vue)