vuex心得

一、state

vuex中的数据源,需要保存的数据就保存在这里。
vuex的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。

你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutationthis.$store.commit("mutation的方法名","目标值")。这样使得我们可以方便地跟踪每一个状态的变化。

二、getters

相当于vue中的computed,getter的返回值会根据它的依赖被缓存起来,且只有当他的依赖值发生变化时才会被重新计算。

三、mutations

用来改变state中的值,提交mutations中的方法来修改state的值,this.$store.commit("mutation的方法名","目标值")

四、actions

提交的是mutation,而不是直接变更state,可以包含任意异步操作。
this.$stote.dispatch("actions中的方法名")

mapState,mapGetters代替this.$store.state,this.$store.getters,放在.vue文件的computer中。
mapMutations,mapActions代替this.$store.commit,this.$store.dispatch,放在.vue文件的methods中。

vuex中的数据,在用户强制刷新页面的时候就会丢失。在此需要用sessionStorage来存储一下

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、store是一个状态管理工具 (vueX中只有唯一 一个store)用途 :存数据 取数据 改数据 把需要共享...
    飞吧666阅读 340评论 0 0
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 3,038评论 0 7
  • 习惯养成很容易,戒掉却很难!!! 什么是Vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式...
    前端又又阅读 2,859评论 0 1
  • ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 788评论 0 3
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,233评论 0 6

友情链接更多精彩内容