So rufen Sie andere Funktionen der VUE -Funktion auf

Es gibt vier Möglichkeiten, andere Funktionen in Vue aufzurufen: Rufen Sie Funktionen direkt in derselben VUE -Instanz direkt auf. Übergeben Sie die Funktion durch Requisiten. Senden Sie Ereignisse durch $ emit und rufen Sie übergeordnete Komponentenfunktionen aus und rufen Sie sie auf. Verwenden Sie $ refs, um eine Funktion in einer anderen Komponenteninstanz direkt aufzurufen.

So rufen Sie andere Funktionen in Vue an

In Vue können andere Funktionen aufgerufen werden, um verschiedene Aufgaben innerhalb der Komponente auszuführen. Dies kann auf folgende Weise erreicht werden:

1. Rufen Sie direkt an

Wenn die Funktion in derselben VUE -Instanz definiert ist, können Sie sie direkt mit der folgenden Syntax aufrufen:

 <code class="javascript">this.myFunction();</code>

2. durch Requisiten

Wenn die Funktion in der übergeordneten Komponente definiert ist, können Sie Requisiten an die untergeordnete Komponente weitergeben:

 <code class="javascript">// 父组件<template> <child-component :my-function="myFunction"></child-component> </template> <script> export default { methods: { myFunction() { /* ... */ } } } </script> // 子组件<template> <button>调用父组件函数</button> </template> <script> export default { props: [&#39;myFunction&#39;], methods: { myFunction() { /* ... */ } } } </script></code>

3. von $ emit

Wenn die Funktion in der untergeordneten Komponente definiert ist, können Sie die $emit -Methode verwenden, um das Ereignis an die übergeordnete Komponente auszugeben, wodurch die Funktion in der übergeordneten Komponente aufgerufen wird:

 <code class="javascript">// 子组件<template> <button>调用父组件函数</button> </template> <script> export default { methods: { myFunction() { /* ... */ } } } </script> // 父组件<template> <child-component v-on:my-event="myFunction"></child-component> </template> <script> export default { methods: { myFunction() { /* ... */ } } } </script></code>

4. von $ refs

Wenn Sie eine Funktion auf einer anderen Komponenteninstanz direkt aufrufen müssen, können Sie das $refs -Objekt verwenden:

 <code class="javascript"><template> <child-component ref="child"></child-component> </template> <script> export default { mounted() { this.$refs.child.myFunction(); } } </script></code>

Das obige ist der detaillierte Inhalt vonSo rufen Sie andere Funktionen der VUE -Funktion auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!