Vue.js Ajax Anruf in Eltern

Question

Hallo Ich versuche herauszufinden, was die effizienteste Möglichkeit ist, einen Ajax-Anruf im Elternteil einer Vue App zu machen und es an die Kinder weiterzugeben, wo ich den ganzen Erfolg einstellen kann und Fehlermethoden innerhalb des Kindes. Jedes Kind wird den Erfolg anders behandeln, aber ich möchte, dass das Kind weiß, wann ein Anruf läuft, wann es abgeschlossen ist, gescheitert ist usw. Was ist der beste Weg, dies zu tun?

Answer 1

Sie vue-resource verwenden Angenommen, Ihr Code wie dieser

parent.vue

<script> 
export default { 
    methods : { 
    makeCall() { 
     var that = this; 

     // Do something while the API call is in progress. 

     this.$http.get('/somecall').then(
      that.$refs.child.success, // Success 
      that.$refs.child.failure // Failure 
     ); 
    } 
    } 
} 
</script> 

sich

child.vue

<script> 
export default { 
    methods : { 
     success(res) { 
     // Do something here 
     }, 
     failure(res) { 
     // Do another thing here 
     } 
    } 
} 
</script> 

Beachten Sie, dass ich das Bestehen der Kind-Komponente Funktionen aussehen könnte, anstatt die Ausführung Sie.

Wenn Sie

console.log(myFunction()) 

tun Sie was auch immer Wert myFunction Renditen.

Wenn Sie das tun

console.log(myFunction) 

Sie eine Funktion zurück.