Vuex 2021-03-19 前端,vue 暂无评论 2417 次阅读 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 国际许可协议 进行许可。
评论已关闭