Vue: Wertübertragung zwischen Vater und Sohn, Wertübertragung zwischen Bruder und Kind, detaillierte Erläuterung

// <template> in der übergeordneten Komponente
    <div>
        <Child ref="Kind" :title="Wert"/>
    </div>
</Vorlage>    
<Skript>
Standard exportieren {
    Daten() {
    	zurückkehren {
    		Wert: „Hallo Welt!“
    	}
    }
}
</Skript>

// <template> in der übergeordneten Komponente
    <div>
       <span>{{title}}</span>    
    </div>
</Vorlage>    
<Skript>
Standard exportieren {
  Requisiten: {
    Titel:
      	Typ: Zeichenfolge,
      	Standard: ''
    }
  }
}
</Skript>

dies.$bus.$emit("flag",true)

montiert() {
    dies.$bus.$off('flag')
    dies.$bus.$on('flag', data=> {
      this.flag = Daten
    })
  }

<Vorlage>
    <div>
        <Kind ref="Kind" @getTitle="getTitle"/>
    </div>
</Vorlage>  
<Skript>
Importiere Child aus './components/Child'
Standard exportieren {
  Komponenten:
  	Kind 
  },
  Daten() {
    zurückkehren {
    }
  },
  Verfahren:{
  	getTitle(Daten){
		console.log(Daten)
	}
  }
}
</Skript>

<Vorlage>
    <div>
       <span>{{title}}</span> 
    </div>
</Vorlage>    
<Skript>
Standard exportieren {
  Daten() {
    zurückkehren {
    Titel: „Hallo xuliting“
    }
  },
  montiert(){
    dies.getFun()
  },
  Verfahren:{
    getFun(){
     dies.$emit("getTiltle",dieser.title)
    }
  }
}
</Skript>

<C :a-fun="aSpaß" />

Requisiten: {
    ein Spaß: {
      Typ: Funktion,
      Standard: () => Funktion () {}
    }
  }