vue实例的时候定义data属性既可以是一个对象，也可以是一个函数。
Vue.component('component1',{
template:`<div>组件</div>`,
data(){
return { foo:"foo" }
}
})
复制代码JS中的实例是通过构造函数来创建的，每个构造函数可以new出很多个实例，那么每个实例都会继承原型上的方法或属性。vue的data数据其实是vue原型上的属性，数据存在于内存当中。vue为了保证每个实例上的data数据的独立性，规定了必须使用函数，而不是对象。
因为使用对象的话，每个实例（组件）上使用的data数据是相互影响的，这当然就不是我们想要的了。对象是对于内存地址的引用，直接定义个对象的话组件之间都会使用这个对象，这样会造成组件之间数据相互影响。
- 根实例对象
data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况 - 组件实例对象
data必须为函数，目的是为了防止多个组件实例对象之间共用一个data，产生数据污染。采用函数的形式，initData时会将其作为工厂函数都会返回全新data对象