# 一：父組件傳值給子組件 ## 方法1.子組件使用props屬性接值 #### ①先在父組件中引入子組件  ***** ***** ②在父組件中使用子組件，并通過屬性把方法和變量傳到子組件  ③在對應的子組件中使用props接收值，可以用數組或者對象  接收完對象或變量，使用this即可調用 ## 方法2：通過ref引用操作子組件 ①在引入的子組件中添加ref屬性  ②通過ref屬性操作子組件  ## 方法3：通過$children方法找到對應的子組件 ## 方法4：依賴注入 ``` //父組件，定義方法或變量 provide: function () { return { getMap: this.getMap } } //子組件：接收方法或參數 inject: ['getMap'] ``` # 二：子組件傳值給父組件 ## 方法1：通過$emit方法，然后在父組件中的對應子組件上，使用事件觸發這個方法獲取數據  ***** 方法名需要和傳遞過來的一致  ***** 此時即可使用獲取的內容  ## 方法2：通過$parent獲取父組件元素 ## 方法3：通過$root獲取根組件元素 # 三：兄弟組件傳值 bus ``` 1.新建一個bus.js文件，引入vue，代碼如下 // 公共bus import Vue from "vue"; export default new Vue(); 2.引入bus.js，通過$emit返回方法和參數 import bus from "./bus.js"; bus.$emit("方法名",參數); 3.在兄弟組件中獲取方法和參數： import bus from "./bus.js"; bus.$on("方法名",val=>{ console.log(val);//val就是傳過來的參數 }) ```