前端面试题：组件中的data为什么是函数？

为什么组件中的data必须是一个函数，然后return —个对象，而new Vue实例里，data可 以直接是一个对象？
// data
data() {
return {
message："子组件"，
childName：this. name
}
}
// new Vue
new Vue({
el： ‘#app’,
router,
template： ‘‘,
components： {App}
})
因为组件是用来复用的，JS里对象是引用关系，这样作用域没有隔离，而new Vue的实例, 是不会被复用的，因此不存在引用对象问题