Wie Funktion von der Uhr anrufen?

Question

data: function() { 
    return { 
     questions: [] 
    } 
}, 

watch: { 
    questions : function(val, oldVal) { 
     foo() 
    } 
},  

methods: { 
    foo() { 
     console.log("foo called"); 
    } 
} 

Produce Fehler: ReferenceError: foo is not defined

auch an Beispielen Suche: http://vuejs-ru.github.io/vuejs.org/api/options.html#watch

Was diese Zeichenfolge tun?

handler: function (val, oldVal) { /* ... */ }, handler es ist keyword? Oder kann es funktionieren?

Answer 1

Wenn Sie Armbanduhr verwenden möchten Ihr Eigentum zu beobachten, könnten Sie Ihre Methode, um es mit this.foo nennen:

data: function() { 
    return { 
     questions: [] 
    } 
}, 

watch: { 
    questions: { 
     handler: function(val, oldVal) { 
      this.foo(); // call it in the context of your component object 
     }, 
     deep: true 
    } 
},  

methods: { 
    foo() { 
     console.log("foo called"); 
    } 
} 

Um Ihre Frage zu handler zu beantworten: Es ist ein Schlüsselwort Eigenschaft, die entweder eine Funktion Ausdruck nehmen (wie im Beispiel) oder ein Verweis auf eine Funktion, wie zum Beispiel:

function myHandler() { ... } // Defined somewhere outside of the vue component object 

... 

handler: myHandler, 

... 

Nur aus Neugier: Sie benötigen eine Eigenschaft, um zu beobachten, was jedes Mal zu tun, ändert es oder könnten computed properties lösen Ihre pr auch ein Problem?