前言
組件是 vue.js 最強(qiáng)大的功能之一,而組件實(shí)例的作用域是相互獨(dú)立的,這就意味著不同組件之間的數(shù)據(jù)無法相互引用。如何傳遞數(shù)據(jù)也成了組件的重要知識(shí)點(diǎn)之一。
組件
組件與組件之間,還存在著不同的關(guān)系。父子關(guān)系與兄弟關(guān)系(不是父子的都暫稱為兄弟吧)。
原文作者:林鑫,作者博客:https://github.com/lin-xin/blog
父子組件
父子關(guān)系即是組件 A 在它的模板中使用了組件 B,那么組件 A 就是父組件,組件 B 就是子組件。
// 注冊(cè)一個(gè)子組件Vue.component('child', { data: function(){ text: '我是father的子組件!' } template: '<span>{{ text }}</span>'})// 注冊(cè)一個(gè)父組件Vue.component('father', { template: '<div><child></child></div>' // 在模板中使用了child組件})
直接使用 father 組件的時(shí)候:
網(wǎng)友評(píng)論