Vuex 是什么?
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
用户模块逻辑示意图
路由总体示意图
![在这里插入图片描述](https://img-blog.csdnimg.cn/0fb12d0caaec42f896f5eb2d36197eec.png)
鉴权守卫逻辑示意图
![在这里插入图片描述](https://img-blog.csdnimg.cn/d730f11ba1ff4d0db43bdefdfd3bb8db.png)
参考资料
vue
watch配置
Vue.prototype.$watch
vuex
mapState
getters
mapGetters
modules
watch
router
exact-path
导航守卫
![在这里插入图片描述](https://img-blog.csdnimg.cn/f7cf8ea0a06342b3a26cadeb95f40d79.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/ad2ee94ddf5e42e0821abfa93c5b3fbe.png)