Vue3中Vuex如何实现模块化状态管理及详细使用步骤？

本文共计1973个文字，预计阅读时间需要8分钟。

目录 + Vuex是做什么的？ + 状态管理是什么？ + 单页面面的状态管理+Vuex（Vue3.2版本） + 多页面状态管理+Vuex+store对象属性介绍 + Vue3中获取store实例的方法 + 1. state + 2. mutations + 3. actions + 4. getters + 5. modules

目录

• Vuex是做什么的？
• 状态管理是什么?
• 单页面的状态管理
• vuex（Vue3.2版本）
• 多页状态管理
• vuex store对象属性介绍
• Vue3中获取 store 实例对象的方法
• 1. state
• 2. mutations
• 3. actions
• 4. getters
• 5. modules
• 总结

Vuex是做什么的？

Vue官方：状态管理工具

状态管理是什么?

需要在多个组件中共享的状态、且是响应式的、一个变，全都改变。

例如一些全局要用的的状态信息：用户登录状态、用户名称、地理位置信息、购物车中商品、等等

这时候我们就需要这么一个工具来进行全局的状态管理，Vuex就是这样的一个工具。