Vue.js Метод вызова от другого компонента

Question

У меня есть 2 компонента. Как я могу вызвать метод fetchProjectList() в методе createProject().

Первый компонент:

Vue.component('projects', { 
    template: '#projects-template', 

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

    ready: function() { 
     this.fetchProjectList(); 
    }, 

    methods: { 
     fetchProjectList: function() { 
      resource.get().then(function (projects) { 
       this.list = projects.data; 
      }.bind(this)); 
     } 
    } 

}); 

Второй компонент

Vue.component('createProjects', { 
    template: '#create-projects-template', 

    methods: { 
     createProject: function() { 
      resource.save({}, {name: this.name}).then(function() { 
       this.fetchProjectList() 
      }.bind(this), function (response) { 
       // error callback 
      }); 
     } 
    } 
}); 

Answer 1

Вы не делаете, или, вернее, вы не должны. компоненты не должны зависеть от других компонентов таким прямым образом.

Вы должны либо извлечь этот метод в mixin, либо сохранить его в собственном объекте, который вы импортируете в каждый компонент.

Читайте на магазине схеме: http://vuejs.org/guide/application.html#State_Management