前言

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

組件

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

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

父子組件

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

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

直接使用 father 組件的時候:

        		

延伸閱讀

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