Vue3-10 Vuex

For Vue3

安装

yarn add vuex@next --save

创建

import {createStore} from 'vuex';

export default createStore({
  state: {
    count: 0
  },
  mutations: {
    changeCount(state, isAdd) {
      state.count = isAdd ? state.count + 1 : state.count - 1;
    }
  },
  actions: {},
  modules: {}
});


const app = createApp({ /* 根组件 */ })

// 将 store 实例作为插件安装
app.use(store)

组合式API

通过调用useStore函数，在setup中访问Store，这与在选项是API中使用this.$store是等效的

访问State和Getter

需要创建computed引用并保留响应性

import { computed } from 'vue'
import { useStore } from 'vuex'

export default {
  setup () {