Vue3.0简单替代Vuex

import { reactive, provide, inject, readonly } from ‘vue‘

export const stateSymbol = Symbol(‘state‘)
export const createStore = () => {
    const state = reactive({
        count: 0
    });
    const increment = () => state.count++;
    return {
        increment,
        state: readonly(state)
    }
}
export const useState = () => inject(stateSymbol)
export const provideState = () => provide(createStore)