Vue.js - So rufen Sie Methode von einer anderen Komponente

Question

Ich verwende Vue.Js v2. Ich möchte component1-> c1method in component2-> c2method aufrufen, um Daten nach dem Senden neu zu laden.

Vue.component('component1', { 
    methods: { 
    c1method: function(){ 
    alert('this is c1method') 
    }, 
    } 
}) 
Vue.component('component2', { 
    methods: { 
    c2method: function(){ 
    component('component1').c1method()//like this 
    }, 
    } 
}) 

Answer 1

Die docs adressieren diese Situation

https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication

Wenn Ihre Komponenten die gleichen Eltern haben, können Sie ein Ereignis auszusenden, dass die Eltern hört. Dann können Sie mit der ref-Eigenschaft den c1method von der übergeordneten Gruppe aufrufen.

https://vuejs.org/v2/guide/components.html#Child-Component-Refs