vue之間傳值

一、父子傳值

用props，父組件中傳值自組件中用props收

父組件：                    

子組件：

其中用cellData在父組件中傳出去，在子組件中用props接受

總結一下：

1、子組件在props中創建一個屬性，用以接收父組件傳過來的值
2、父組件中註冊子組件
3、在子組件標籤中添加子組件props中創建的屬性
4、把需要傳給子組件的值賦給該屬性
 

二、子組件給父組件

 

 

總結一下：
1、子組件中需要以某種方式例如點擊事件的方法來觸發一個自定義事件
2、將需要傳的值作爲$emit的第二個參數，該值將作爲實參傳給響應自定義事件的方法
3、在父組件中註冊子組件並在子組件標籤上綁定對自定義事件的監聽

 

三、兄弟之間傳遞

總結：

• 創建一個事件總線，例如demo中的eventBus，用它作爲通信橋樑
• 在需要傳值的組件中用bus.$emit觸發一個自定義事件，並傳遞參數
• 在需要接收數據的組件中用bus.$on監聽自定義事件，並在回調函數中處理傳遞過來的參數