为什么data属性是一个函数而不是一个对象？一：实例和组件定义data的区别？ vue实例的时候定义data属性可是一个

vue实例的时候定义data属性可是一个对象，也可以是函数

const app = new Vue({
  el: '#app',
  // 对象格式
  data: {
     foo: 'foo'
  },
  // 函数格式
  data(){
     return {
        foo: 'foo'
     }
  }
})

组件中定义data属性，只能是一个函数

vue组件可能会有很多个实例，采用函数返回一个全新data形式，使每个实例对象的数据不会受到其他实例对象数据的污染

根实例对象data可以使对象也可以是函数，不会产生数据污染组件实例对象data就必须是函数，目的是为了阻止多个实例对象之间共用一个data，产生数据污染。采用函数的形式，initData时会将其作为工厂函数都会返回全新data对象。