4 父子元件

2021-10-07 13:36:52 字數 683 閱讀 6920

import react from 'react';

import reactdom from 'react-dom';

/* 在vue中:

父傳子 其實就是通過自定義屬性 子元件通過props接收

子傳父 其實就是通過自定義事件 子元件通過$emit觸發父元件定義的事件 並且把子元件的資料

通過引數的方式給了父元件;

在react中:

父傳子: 通過行內自定義屬性 + this.props

子傳父: 通過行內自定義屬性(對應的是乙個函式) + this.props

凡是用在元件上的屬性 都是創造元件的那個人自己定義的

*/class button extends react.purecomponent

minus=()=>

render()

}// purecomponent 和 component 都是react的內建元件;但是前者的效能稍高(涉及到某個鉤子函式)

class show extends react.purecomponent

render()

} constructor()

}changecount(n))

}render() = this.state;

}/>

; }

}

父子元件通訊

子元件向父元件傳遞this emit 子元件向父元件傳遞事件並攜帶引數子元件 向父元件傳遞事件todetail並傳遞引數res this emit todetail res 父元件 監聽事件並輸出引數 todetails child comp 父元件呼叫子元件中方法 ref 用於給元素 子元件註冊引...

VUE父子元件

父頁面 actiondetail msg 子頁面呼叫父頁面的方法 this.emit parentaction 我想說的話 我是父元件 我是子元件 父元件對我說 父元件通過 prop 給子元件下發資料,子元件通過 emit觸發事件給父元件傳送訊息 1.this.children用來訪問子元件例項,要...

父子元件通訊

父元件 子元件 通過props properties縮寫 通訊 兩種方式 陣列和物件 常用物件方式 test cmovies movies cnt div comc v for item in cmovies li ul div template src js vue.js script 子元件 c...