闲话不多说,直接上干货,大家在vue的项目中肯定也会遇到需要父子间通信的问题,在这里给大家提出三种父子间通信方式
一.父组件调用子组件方法
如果调用子组件的方法,需要先给在父组件中引用的子组件添加一条索引值,本人就以自己的代码为例
图1中v-ref为父组件给子组件定义的一个索引值
图2中的this.$refs就是用来父组件找索引的方法 找到的索引为child的子组件并执行子组件中的namesearch方法
二.子组件进行到某一步时告诉父组件
图3中是在子组件中执行的事件执行了这个事件的时候告诉父组件,并传递了一个参数即this.assbo
如图4中所示图三中的increment即为父组件中的一个自定义事件
图5中即为父组件通过自定义事件获取到了子组件传的参数
三.子组件进行到某一步时告诉父组件(另一种方法)
图6为在子组件中执行到某一步通知父组件,并传递一个参数
图7为父组件的events的周期里 倾听子组件发来的消息并获取到了相应的参数
以上就是本人所用到的三种通信方式,不喜勿喷,因为都是以真实项目为例子 希望可以帮助到大家。