40-Vue組件-多級數(shù)據(jù)傳遞

如果我們想把父組件的數(shù)據(jù)傳遞給孫子組件,我們需要先傳給父組件,再由父組件傳遞給孫子組件,這在企業(yè)開發(fā)中是不會使用的,下一篇文章我們會講解利用vuex作為數(shù)據(jù)傳遞工具的優(yōu)勢,這里作為理解,也正是這種弊端,誕生了vuex工具,哪里復(fù)雜,哪里就需要改進(jìn)

0.bugs

image.png

永遠(yuǎn)記住,組件的注冊永遠(yuǎn)是組件名稱,加組件對象


image.png

一.代碼驗證

1.創(chuàng)建組件模板
2.定義組件對象
3.注冊組件
4.傳遞數(shù)據(jù)
5.使用數(shù)據(jù)


image.png

image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 您將在本文當(dāng)中了解到,往網(wǎng)頁中添加數(shù)據(jù),從傳統(tǒng)的dom操作過渡到數(shù)據(jù)層操作,實現(xiàn)同一個目標(biāo),兩種不同的方式....
    itclanCoder閱讀 26,255評論 1 12
  • 這里我們要介紹基于vue開發(fā)出來的一個工具,用于簡化父子間的數(shù)據(jù)傳遞,沒錯,就是vuex,由于是工具,重在使用,我...
    夢想成為小仙女閱讀 631評論 0 4
  • VUE Vue :數(shù)據(jù)驅(qū)動的M V Vm框架 m :model(后臺提供數(shù)據(jù)),v :view(頁面),vM(模板...
    wudongyu閱讀 5,537評論 0 11
  • 組件(Component)是Vue.js最核心的功能,也是整個架構(gòu)設(shè)計最精彩的地方,當(dāng)然也是最難掌握的。...
    六個周閱讀 5,783評論 0 32
  • 本文章是我最近在公司的一場內(nèi)部分享的內(nèi)容。我有個習(xí)慣就是每次分享都會先將要分享的內(nèi)容寫成文章。所以這個文集也是用來...
    Awey閱讀 9,582評論 4 67

友情鏈接更多精彩內(nèi)容