2018-10-31 vue框架(1)組件

學(xué)習(xí):vue官網(wǎng)教程

組件注冊:


父子組件之間的傳值方式:

1、父傳子

父組件:v-bind

子組件:props 得到相應(yīng)的值,但是子組件中不能修改傳過來的值。


2、子傳父

父組件:v-on監(jiān)聽傳送事件

子組件:this.$emit() 觸發(fā)事件

3、兄弟組件

兄組件:$.on接收

弟組件:this.$emit() 觸發(fā)事件


bus.js中間傳輸件,兩個兄弟組件中都應(yīng)該import 中間的bus.js

練習(xí):餓了么商家頁面的模仿,公司的列表管理

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

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

  • 組件(Component)是Vue.js最核心的功能,也是整個架構(gòu)設(shè)計最精彩的地方,當(dāng)然也是最難掌握的。...
    六個周閱讀 5,760評論 0 32
  • 前言 您將在本文當(dāng)中了解到,往網(wǎng)頁中添加數(shù)據(jù),從傳統(tǒng)的dom操作過渡到數(shù)據(jù)層操作,實(shí)現(xiàn)同一個目標(biāo),兩種不同的方式....
    itclanCoder閱讀 26,238評論 1 12
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,173評論 0 29
  • Prof.Deborah P.Merke,M.D.,M.S. 教授 醫(yī)學(xué)博士 1、工作單位:美國國立衛(wèi)生研究院臨床...
    39eb52d33878閱讀 501評論 0 1
  • 耿耿于懷了五年,可能一直放不下的原因只是一直還抱著一個希望,不忍心面對現(xiàn)實(shí)。在二十二歲之前,給了自己一個殘忍的...
    橘子味的濃糖閱讀 340評論 0 0

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