vue 父子组件传参

1.父传子

父组件里面获取的一些属性，子组件也想使用。

父组件在使用子组件是给调用的子组件设置字段并把要传的值赋值过去

这里的子组件在data里面定义props来接受传过来的值

拿到的数据，可以直接遍历展示

 2.子传父

子传父就是子组件的方法或者是一些数据父组件想要使用

先说数据如何传递。

这里子组件要使用$emit来传递，并且传递过去的方法名字要跟调用子组件时用的方法名字一致 这里的是showname。

接下来就是方法，也就是在父组件使用子组件的方法

先在子组件里面定义一个方法 这里用到了vant组件库的Toast轻提示

https://vant-contrib.gitee.io/vant/v2/#/zh-CN/toast

然后在父组件调用子组件的方法

注意ref定义的值要和下面方法里面$refs后面的一样