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

目录

一. 实例和组件定义data的区别：
二. 组件data定义函数与对象的区别
 三. 结论

一. 实例和组件定义data的区别：
vue实例的时候定义data属性既可以是一个对象，也可以是一个函数
const app = new Vue({
el:"#app",
// 对象格式
data:{
foo:"foo"
},
// 函数格式
data(){
return {
foo:"foo"
}
}
})
组件中定义data属性，只能是一个函数
如果为组件data直接定义为一个对象
Vue.component('component1',{
template:`

`,
data:{
foo:"foo"
}
})
你会收到一个红色的提示

 
警告说明：返回的data应该是一个函数在每一个组件实例中
二. 组件data定

为什么说data属性是一个函数而不是一个对象？最先出现在Python成神之路。