将Vue-resource分配给商店

Question

我正在尝试将资源存储在可以根据以下文档在组件之间共享的商店中：

https://github.com/vuejs/vue-resource/blob/master/docs/http.md#response http://vuejs.org/guide/application.html#State_Management

var App = Vue.extend({});
getcolleges = '/wp-json/wp/v2/schools-api?filter[posts_per_page]=9999';
var schoolFilter = Vue.extend({
    template: '#school-filter-template',
    data: function(){
        return {
            colleges: ''
        }
    },
    ready: function() {
        this.$http.get(getcolleges).then(function(colleges) {
            this.$set('colleges', colleges.data);
        })
    },
});

但是，当我尝试使用与其他组件一起使用的资源创建商店时，我收到以下错误：＆＃34;＆＃39;数据＆＃39; option应该是一个在组件定义中返回每个实例值的函数。＆＃34;

var App = Vue.extend({});
getcolleges = '/wp-json/wp/v2/schools-api?filter[posts_per_page]=9999';
var store = {
    data: function(){
        return {
            colleges: ''
        }
    },
    ready: function() {
        vue.$http.get(getcolleges).then(function(colleges) {
            vue.$set('colleges', colleges.data);
        })
    }
}

var schoolFilter = Vue.extend({
    template: '#school-filter-template',
    data: store 
});