千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

p89 vuex引入

vuex状态管理库

1.概念：vuex是一个专门为vue.js应用程序开发的状态管理模式+库。

2.使用vuex的好处：

便于维护。当页面有多个共享状态使用vuex会让代码优化好维护

优化性能。能够缓存异步数据，减少后端的访问，用户体验提升了

3.什么时候需要使用：并不是必须存在的，不打算使用大型单页面应用，使用vuex可能更繁琐

使用流程总结：

1.创建一个store文件夹（因为要存放全局状态，store属于单独一个模块，所以将它放在src文件夹下），且在store文件夹下创建一个index.js文件

2.下载vuex依赖包，并且在index.js文件中导入创建store的方法（createStore）

3.在方法中写入项目需要的数据（考虑到五个属性：state：存放全局状态，mutations：vuex 中唯一一个能够修改 state 中数据的地方，actions：书写异步代码，getters：vuex 中的计算属性，modules：在 vuex 中 拆分模块的）

4.将创建的store导出

5.在需要使用全局状态的文件中导入store