Vue 中为什么data属性是一个函数而不是一个对象？

一、实例和组件定义data的区别

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

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

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

如果为组件data直接定义为一个对象

Vue.component('component1',{template:`<div>组件</div>`,data:{foo:"foo"}
})

则会得到警告信息

警告说明：返回的data应该是一