Come chiamare la funzione dall'orologio? Errore di

Question

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

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

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

Produce: ReferenceError: foo is not defined

Anche io sto guardando esempi: http://vuejs-ru.github.io/vuejs.org/api/options.html#watch

Cosa questa stringa fare?

handler: function (val, oldVal) { /* ... */ }, handler è parola chiave? O può essere la funzione?

Answer 1

Se si desidera utilizzare orologio per osservare la vostra proprietà, si può chiamare il metodo con this.foo:

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"); 
    } 
} 

Per rispondere alla tua domanda sul handler: Si tratta di una proprietà parola chiave che può prendere o un'espressione di funzione (come nell'esempio) o un riferimento a una funzione, come ad esempio:

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

... 

handler: myHandler, 

... 

Solo per curiosità: avete bisogno di guardare una proprietà al fine di fare qualcosa ogni volta che cambia o potrebbe computed properties risolvere il pr anche oblem?