vue 父子组件传值的三种方式

子获取父
1、props。
2、this.$parent.***

父获取子
this.$refs.\ast \ast \ast this.$refs.*** 相当于子组件的this；
this.$parent.***相当于父组件的this

一：props传值法
例子：el-tree 树形控件默认选中
1。父组件：定义你要传的值并赋值

2。父组件：将该值绑定到弹框中

3.子组件：用props获取父组件传来的值

4.子组件：直接在el-tree默认选中复选中或者单选中赋值

二：父组件将id传给子组件

例子：el-table 双击某一行，实现获取改行详情。
将id传给弹框。在弹框中得到id后调用接口并获取该数据详情

1.父组件：表格双击事件

2.父组件：表格双击事件

3.子组件：调用接口并且赋值

三：父组件直接将数据传给子组件（同方法一）
只不过传过去的不是id，是已经获取到的数据