Was ist die Verwendung von Emit in Vue?

Emit wird von Unterkomponenten zum Aufrufen von Methoden übergeordneter Komponenten und zum Übergeben von Daten verwendet. Unterkomponenten können mit „$emit“ benutzerdefinierte Ereignisse von übergeordneten Komponenten auslösen. Nach dem Auslösen des Ereignisses werden zusätzliche Parameter übergeben zum Listener-Rückruf. Die Syntax lautet: „vm.$emit(event, arg)“.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Was ist die Verwendung von „emit“ in Vue?

Die Definition von $emit in Vue finden Sie unter:

vm.$emit( eventName, […args] )

Parameter:

{string} eventName

[...args]

löst ein Ereignis aus die aktuelle Instanz. Zusätzliche Parameter werden an den Listener-Callback übergeben.

1. Übergeordnete Komponenten können Requisiten verwenden, um Daten an untergeordnete Komponenten zu übergeben.

2. Untergeordnete Komponenten können $emit verwenden, um benutzerdefinierte Ereignisse von übergeordneten Komponenten auszulösen.

vm.$emit(event, arg) //Lösen Sie Ereignisse auf der aktuellen Instanz aus.

vm.$on(event, fn); //Führen Sie fn aus, nachdem Sie das Ereignisereignis abgehört haben Komponente:

<template>  
  <div class="train-city">  
    <h3>父组件传给子组件的toCity:{{sendData}}</h3>   
    <br/><button @click=&#39;select(`大连`)&#39;>点击此处将‘大连’发射给父组件</button>  
  </div>  
</template>  
<script>  
  export default {  
    name:&#39;trainCity&#39;,  
    props:[&#39;sendData&#39;], // 用来接收父组件传给子组件的数据  
    methods:{  
      select(val) {  
        let data = {  
          cityname: val  
        };  
        this.$emit(&#39;showCityName&#39;,data);//select事件触发后，自动触发showCityName事件  
      }  
    }  
  }  
</script>

【Verwandte Empfehlung: „

vue.js Tutorial

“】

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von Emit in Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!