Vuex 2021-03-19 前端,vue 暂无评论 30 次阅读 1、Vuex是什么? 2、Vuex存在的意义是什么? 3、Vuex主要方法是什么? 一、Vuex是什么? 官方的介绍是:一个专为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 所以我们知道Vuex是状态管理模式,然后它可以干啥? 可以存储组件的状态,并且可以按照开发人员预期发生变化 二、Vuex存在的意义? 专门为Vue.js设计的状态管理库 主要是解决多个组件共享状态容易混乱的问题,管理共享状态,保证代码更有结构化且易维护。 什么时候用Vuex?不打算开发大型单页面应用时不用Vuex 三、Vuex主要方法是什么? State 存放状态的地方 Getters 用于对state中存储的数据进行过滤操作 Mutations 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation Actions 提交的是 mutation,而不是直接变更状态 Modules 将 store 分割成模块,每个模块拥有自己的 state、mutation、action、getter 四、规则 应用层级的状态应该集中到单个 store 对象中。 提交 mutation 是更改状态的唯一方法,并且这个过程是同步的。 异步逻辑都应该封装到 action 里面。 五、其他 commit 和dispatch的区别在于commit是提交mutatious的同步操作,dispatch是分发actions的异步操作 dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch(‘action方法名’,值) commit:同步操作,写法:this.$store.commit(‘mutations方法名’,值) 标签: none 本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
评论已关闭