Vue——子组件与子组件进行数据传递

首先，两个子组件之间有公共的祖先
直接将消息从子组件发给父组件，父组件再传给子组件，子组件获取
假设第一个子组件为A，第二个子组件为B，父组件为C
（1）子组件A发给父组件C

this.$emit('发给父组件C',你的数据);

（2）父组件接受C

<子组件A @发送给父组件C="getdata"/>

（发送给父组件C这个字段要与子组件中发送出来的字段一致）

export default {
    
    
    name: "search",
    data() {
    
    
      return {
    
    
      yourdata:''
      }
      },
    methods:{
    
    
	getdata(val){
    
    this.yourdata=val;}
	}

（3）父组件C发送

<子组件B :yourdata="yourdata"/>

（4）子组件B接受

props:{
    
    
          yourdata:Array//这里有三种类型Array、Number、String
          //字段要与父组件发送字段一致
        }

js中继续用到该字段就直接this.yourdata调用即可，html中要用直接yourdata即可。pros收到的字段与data中定义的字段具有同种功能。