組件通信:
父組件傳遞子組件:
把需要的數據 傳遞給 子組件的數據,以數據綁定(v-bind)的形式,傳遞到子組件內部,供子組件使用,縮寫(:)
動態傳遞:
第一步:在父組件中的子組件標簽中進行動態的傳值:
![]()
第二步:在子組件手動填寫props這個對象屬性
第三步:在子組件中 props 進行接收數據,通過 this.$props.傳遞過來數據的名稱

props:
props是一個對象
props是組件標簽上的所有屬性身上構成的集合,用於父組件和子組件之間通信的一個橋梁
注意:組件中的this都是指向組件自己的
靜態傳遞:(死數據,不會被修改)
![]()
什么是 靜態傳值 和 動態傳值?
靜態傳值:標志就是沒有 v-bind(死數據不會通過ajax更開的)
動態傳值:數據是活的,可以改變子組件原本的數據。
子組件傳遞父組件
子組件把數據傳遞給父組件,使用的是自定義事件,使用的是 事件綁定機制 v-on 縮寫:@
在父組件,當我們定義一個 事件屬性 之后,那么,子組件就能夠,通過某些方式,來調用 傳遞進去的的方法了
showfou就是自定義的事件屬性,ffshow是方法

子組件:通過 this.$emit(),第一個參數是自定義的事件屬性,第二個參數是要傳遞的參數

ref
ref 是 父組件獲取子組件的所有屬性
ref也是一個對象
第一步:給子組件標簽上添加ref屬性賦值
![]()
第二步:在父組件中可以使用 this.$refs 來獲取,返回的是一個對象,屬性值是子組件

