Vue.js Update-Vorlage von der Komponentenmethode

Question

Ich möchte eine Komponentenvorlage aktualisieren, wenn eine bestimmte Methode der Komponente aufgerufen wird. Genauso wie die Auflösungsfunktion oder die Vue.compile-Renderoption oder die V-HTML-Bindungsoption (aber dann, wenn die Vorlage tatsächlich kompiliert wird).

Wie kann ich die Auflösungsfunktion von der Komponentenmethode aufrufen.

Ist das möglich und wie soll ich das mit Vue.js machen?

Answer 1

Sie definieren, was in der Variablen data des Rückgabeobjekts der Komponente wie aktualisiert werden soll. Daten haben eine Funktion, wenn Sie eine Komponente (zB. Vue.extend)

Sie dann eine Methode definieren und this.whateverYouNamedYourVariable in dem Verfahren ändern, wie .

Und dann rufen Sie die Methode entweder in v-on oder programmgesteuert auf. Hier ist auch ein Link zur v-on-Ereignisbindung: Vue docs

Und ein kurzes Beispiel mit Webpack.

<template> 
    {{me}} 
    <button v-on:"changeMe">Click to change!</button> 
</template> 

<script> 
import 'vue' from 'vue'; 
export default { 
    name: 'VueEventBindDemo', 
    data: function() { 
     return { me: 'isMe'} 
    }, 
    methods: { 
     changeMe: function() { 
      this.me = "isYou"; 
     } 
    } 
} 
</script>