Vue.js從另一個組件調用方法

Question

我有2個組件。如何在createProject()方法中調用fetchProjectList()方法。

第一部分：

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