2018-04-26 vue使用-組件間傳值總結(jié)

1.父/子組件理解:

在一個(gè)組件中引用了另一個(gè)組件,該組件為父組件,被引用的組件稱為子組件



2.父?jìng)髯?/p>

需借助props屬性

父組件中的數(shù)據(jù):


子組件引用數(shù)據(jù):(把需要使用的父組件的數(shù)據(jù)放到props屬性)


父組件引用子組件,把子組件需要的數(shù)據(jù)綁定到組件:


子組件使用數(shù)據(jù):


3.子傳父

在子組件上綁定click方法(不一定是click,只需要綁定一個(gè)可觸發(fā)的方法)

在綁定的方法seng_value()中調(diào)用$emit 傳值,參數(shù)分別為 (“屬性名”,”屬性值")


在父組件中引用了子組件的元素中v-on 綁定自定義事件接收數(shù)據(jù)



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

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

  • 1.安裝 可以簡(jiǎn)單地在頁面引入Vue.js作為獨(dú)立版本,Vue即被注冊(cè)為全局變量,可以在頁面使用了。 如果希望搭建...
    Awey閱讀 11,300評(píng)論 4 129
  • 此文基于官方文檔,里面部分例子有改動(dòng),加上了一些自己的理解 什么是組件? 組件(Component)是 Vue.j...
    陸志均閱讀 3,949評(píng)論 5 14
  • 下載安裝搭建環(huán)境 可以選npm安裝,或者簡(jiǎn)單下載一個(gè)開發(fā)版的vue.js文件 瀏覽器打開加載有vue的文檔時(shí),控制...
    冥冥2017閱讀 6,199評(píng)論 0 42
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,180評(píng)論 0 29
  • 作為一個(gè)動(dòng)漫愛好者,我曾經(jīng)一度沉迷追番不能自拔,特別是大學(xué)的時(shí)候,大一大二課業(yè)不太緊張,在宿舍只要空閑下來,我一定...
    鯊魚小姐閱讀 592評(píng)論 14 9

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