React

src/index App.jsx APP.css 三个views文件、 Login User Index store/index user router

共享状态不具备持久化，页面刷新后会变回初始值 安装 npm i redux-persist 主store引入 配置参数 其余配置 记住这些流程

现在Redux也推荐使用RTK 安装 npm i @reduxjs/toolkit 使用 改造模块 主模块引入 组件中引入 计算属性 引入 更改下message模块 主配置文件引入 组件使用11111

安装 npm i redux-thunk 然后引入 还要有applyMiddleware 如果有多个中间件，逗号隔开引入即可 改成如图写法 抽离这个方法 使用 也可以将dispatch写在组件中

将reducer函数剪切到counter.js 创建store/modules/index.js 手动给inc添加命名空间 在主index中引用回来 创建另一个模块message 在主index引入

这里用到useState和store的subscribe方法 这样每次点击按钮后 数字就变了 记住在subscribe方法中

谷歌安装 商店搜索即可 安装工具 npm i redux-devtools-extension 之后引入即可 这样就可以联动使用了

创建一个全局路由组件BeforeEach 在路由配置文件中引入 包裹根组件App， export导出路由表 路由配置文件中，在组件中的meta属性中设置auth的布尔值 然后引入routes matc