服务端渲染不用vuex可以吗？

[freemember007]

vuex写得太麻烦，store可以用一个全局变量替吗？也就是说不用vuex实现服务端渲染。

[yyx990803]

可以，但你需要自己实现类似的 prefetch 逻辑

[youngwind]

@freemember007 我也在探索不用 vuex 实现的方案，请问你找到解决方案了吗？

[linweiwei123]

@youngwind @freemember007
store可以用全局对象:

// 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;
}

// entry-client.js 把数据(window中)赋值给store.state

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

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

// app.js ，store就是全局对象，赋给data

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