Vuex是什么?

2024.04.04 19:59
阅读 7
Vuex 是一个专为 vue.js 应用程序开发的状态管理模式,通过创建一个集 中的数据存储,方便程序中的所有组件进行访问,简单来说 vuex 就是 vue 的状态管理工具。
五个属性
1、state 就是数据源存放地,对应一般 vue 对象的 data,state 里面存放的 数据是响应式的,state 数据发生改变,对应这个数据的组件也会发生改变,用 this.$store.state.xxx 调用
2、getters 相当于 store 的计算属性,主要是对 state 中数据的过滤,用 this.$store.getters.xxx 调用
3、mutations 处理数据逻辑的方法全部放在 mutations 中,当触发事件想改变 state 数据的时候使用 mutations,用 this.$store.commit 调用, 给这个方法添加一个参数,就是 mutation 的载荷(payload)
4、actions 异步操作数据 , 但是是通过 mutation 来操作用 this.$store.dispatch 来触发,actions 也支持载荷
5、modules 可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理
使用场景
组件之间的状态,登录状态,加入购物车等临时数据或者项目多个地方调用的公共数据。
使用流程
1、下载 vuex
2、在 src 下创建 store 以及 index.js 引入 vue 和 vuex, 使用 vuex ,导出实例对象
3、在 main.js 中引入,在.vue 文件中使用
学无止境 学至分享
大家好,我是对IT技术着迷的家伙。只为帮助广大程序猿,将正确的内容带给需要的人。

学至分享
微信小程序
随时随地、想看就看

GM记账助手
微信小程序
方便快捷、界面美观

eView
微信小程序
漂亮的跨平台组件库
文章标签
推荐工具