// store.js
import * as service from './service'

var store =  {
    state: {
        message: 'hello',
        heros: [],
    },
    setHerosAction() {
        return service.getHeros()
            .then( resp => {
                // resp需要对上data
                console.log('=====返回的heros', resp.data.data);
                this.state.heros = resp.data.data;
            })
    },
    clearHerosAction(){
        this.state.heros = [];
    }
}


export function createStore() {
    return store;
}

let store = createStore();
store.state = merge(store.state, window.__INITIAL_STATE__);

let { app } = createApp(store);
app.$mount('#app', true);

export function createApp(store) {
    let app = new Vue({
        data: store,
        render: h => h(App)
    });
    return { store, app, App}
}