VUE 父子组件之间的值传递和方法调用

父组件给子组件传值

（1）首先在父组件中引入子组件，并在components中定义子组件

（2）父组件使用子组件，在传递值时，先在引用的子组件中使用（：传递的值=“父组件中要传递的值”）定义要传递到子组件中的参数

（3）以上步骤做完之后需要在子组件中接收传递过来的参数

（4）直接使用传递过来的参数

子组件给父组件传值

不使用上面的例子了，使用一个产品的例子

和上面步骤一样，

（1）父组件引入子组件并定义子组件

（2）子组件给父组件传值，父组件需要在调用子组件时写成下面这种形式

（3）子组件给父组件传值，重要的语句    this.$emit

(4)父组件得到子组件传递过来的值并使用

父组件调用子组件的方法

一个文件上传的例子

（1）给调用的子组件中添加一个ref

（2）this.$refs.定义的ref.方法

子组件调用父组件的方法

三种方式

第一种是直接通过this.$parent直接调用

一个发货的例子

第二种方法：

就像是子组件给父组件传递值一样，去触发父组件中的那个方法，在网上摘了一个例子（附上链接：https://www.cnblogs.com/jin-zhe/p/9523782.html），简洁方便，如下：

第三种方式：就像是父组件给子组件传值一样，父组件把自己的方法给子组件传递过去，子组件在自己的vue中直接调用即可（还是在props中接收）

还是网上的一个例子，个人觉得写的简洁易懂（附上链接：https://www.cnblogs.com/jin-zhe/p/9523782.html）