# 一：父组件传值给子组件 ## 方法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就是传过来的参数 }) ```