vue父子组件间传值

vue父子组件间传值

1.父组件向子组件传值
父组件：

子组件通过props接收：

然后在子组件里面就可以通过：this.diKuaiList来获取到父组件传过来的diKuaiList值

扩展：如果是纯粹的为了传值，其实还有好几个其他的方法，比如vuex、在子组件里面this.$parent等，具体可以去百度查询更多方法。

2.父组件向子组件传方法
我们通常使用的是v-on即@来进行传方法，然后子组件通过:this.$emit(“方法名称”,参数)这种形式：

父组件：

子组件：

第二个参数是传给父组件的参数

扩展：
其实传方法还有一个方法：
父组件：

注意f2是父组件中定义的方法

子组件：
首先通过props将这个f2方法接收

props的参数形式这里就不做介绍了，可以用数组形式，也可以用普通对象形式。都不影响。

子组件中使用：

总结最后这个传方法方式就是：通过传值的形式将方法名称传到子组件，子组件通过props将这个方法接收，然后在子组件就可以通过： this.方法名称 这种形式进行方法调用。

以上是我在使用过程中总结的经验，如果有不同的见解请留言一同探讨。