Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

// store/index.js
import { createStore } from 'vuex';

// 创建一个新的 store 实例
const store = createStore({
  state() {
    return {
      count: 0,
    };
  },
  mutations: {
    increment(state) {
      state.count++;
    },
  },
});

export default store;

Mobx6 & React

https://zh.mobx.js.org/README.html 默认放弃了装饰器语法，也可以手动启用

一. 配置环境

安装 mobx、mobx-react[连接 react] 或者 mobx-react-lite[只支持函数组件] yarn mobx mobx-react-lite 只支持函数组件 or yarn mobx mobx-react 函数式和类组件都支持