目录
一、前言
学习了vue3.0,vuex也是一个必不可少的知识点。在学习完后,也可以发现vuex也是比较容易上手。提示:项目是用vue-cli进行搭建的。
二、vuex介绍
- 官网介绍:Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化
- 我们理解:Vuex是采用集中式管理组件依赖的共享数据的一个工具vue插件,可以解决不同组件数据共享问题
- state管理数据,管理的数据是响应式的,当数据改变时驱动视图更新。=>类似与组件的data
- mutations更新数据,state中的数据只能使用mutations去改变数据
- actions 把数据提交给mutations,可以进行异步操作,不能直接修改state
- getters 对数据获取之前进行再次编译,可以理解为state的计算属性
- modules 它可以来帮我们的状态树分隔成不同的模块,由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。