前言

組件是 vue.js 最強(qiáng)大的功能之一,而組件實(shí)例的作用域是相互獨(dú)立的,這就意味著不同組件之間的數(shù)據(jù)無法相互引用。如何傳遞數(shù)據(jù)也成了組件的重要知識點(diǎn)之一。

組件

組件與組件之間,還存在著不同的關(guān)系。父子關(guān)系與兄弟關(guān)系(不是父子的都暫稱為兄弟吧)。

原文作者:林鑫,作者博客:https://github.com/lin-xin/blog

父子組件

父子關(guān)系即是組件 A 在它的模板中使用了組件 B,那么組件 A 就是父組件,組件 B 就是子組件。

// 注冊一個(gè)子組件Vue.component('child', {
    data: function(){
        text: '我是father的子組件!'
    }
    template: '<span>{{ text }}</span>'})// 注冊一個(gè)父組件Vue.component('father', {
    template: '<div><child></child></div>'  // 在模板中使用了child組件})

直接使用 father 組件的時(shí)候:

        		

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式