在深入內(nèi)容分發(fā) API 之前,我們先明確內(nèi)容的編譯作用域。假定模板為:<child-component>{{?message?}}</child-component>message?應該綁定到父組件的數(shù)據(jù),還是綁定到子組件的數(shù)據(jù)?答案是父組件。組件作用域簡單地說是:父組件模板的內(nèi)容在父組件作用域內(nèi)編譯;子組件模板的內(nèi)容在子組件作用域內(nèi)編譯。一個常見錯誤是試圖在父組件模板內(nèi)將一個指令綁定到子組件的屬性/方法:<!--?無效?--><child-component?v-show="someChildProperty"></child-component>假定?someChildProperty?是子組件的屬性,上例不會如預期那樣工作。父組件模板不應該知道子組件的狀態(tài)。如果要綁定子組件內(nèi)的指令到一個組件的根節(jié)點,應當在它的模板內(nèi)這么做:Vue.component('child-component',?{?//?有效,因為是在正確的作用域內(nèi)template:?'<div?v-show="someChildProperty">Child</div>',data:?function?()?{return?{someChildProperty:?true}}})類似地,分發(fā)內(nèi)容是在父組件作用域內(nèi)編譯。上面這段話給我看的有點暈,父組件到底是<child-component>{{?message?}}</child-component>這個呢?還是new vue時候的包含child-component的元素
vue中的子組件和父組件如何理解
慕粉4032305
2017-01-04 20:49:30