1 16 父元件傳值給子元件

2021-08-17 00:01:41 字數 679 閱讀 5230

react中需要將資料一層層向下傳遞,資料是單向資料流

import react, from 'react'

import reactdom from 'react-dom'

import 'bootstrap/dist/css/bootstrap.css'

//什麼是符合元件:將多個元件進行組合,例如呼叫2次counter元件;

//結構非常複雜時,可以把元件分離開;

//復合元件有 父子關係(父元件資料傳遞給子元件)

子元件傳值給父元件

原理 在父元件引用子元件時,通過事件繫結機制把乙個方法aaaa的引用傳給子元件,這個方法中可以有各種引數,子元件在觸發自己的函式或者某些資料發生變化時,觸發 事件繫結機制繫結的函式,通過引數的方式將要傳的值傳過來,父元件中處理,也就接到了子元件的值 最開始父元件本身有乙個方法 fathermetho...

vue 子元件給父元件傳值

子元件給父元件傳值的關鍵內容 在父元件中使用子元件,在使用時自定義事件型別和事件函式 在子元件中需要定義事件來定義事件型別 在子元件的methods中的事件函式中用this.emit 方法操作事件型別 在父元件的methods中操作自定義的事件函式 div id son father fatherd...

vue 子元件給父元件傳值demo

子元件向父元件傳值 1.子元件通過自定義事件向父元件傳遞資訊 傳送給爸爸資料 2.父元件監聽子元件的事件 總結 子元件向父元件傳值 子元件觸發乙個自定義事件父元件同時去監聽該自定義事件當子元件觸發自定義事件的時候,會把自定義事件拋向父元件,父元件觸發自定義事件的時候會執行對應的事件 爸爸頁面 爸爸的...