組件中 data 為什么是一個(gè)函數(shù)？
為什么組件中的 data 必須是一個(gè)函數(shù)，然后 return 一個(gè)對(duì)象，而 new Vue 實(shí)例里，data 可以直接是一個(gè)對(duì)象？
// data
data(){
return
{message:"子組件",childName:this.name}
}
// new Vue
newVue(
{el:'#app',
router,
template:'<App/>',
components:{App}
})
因?yàn)榻M件是用來(lái)復(fù)用的，且 JS 里對(duì)象是引用關(guān)系，如果組件中 data 是一個(gè)對(duì)象，那么這樣作用域沒(méi)有隔離，子組件中的 data 屬性值會(huì)相互影響，如果組件中 data 選項(xiàng)是一個(gè)函數(shù)，那么每個(gè)實(shí)例可以維護(hù)一份被返回對(duì)象的獨(dú)立的拷貝，組件實(shí)例之間的 data 屬性值不會(huì)互相影響；而 new Vue 的實(shí)例，是不會(huì)被復(fù)用的，因此不存在引用對(duì)象的問(wèn)題。
