vuex 的五大核心 和四大辅助函数

vuex的五大核心:

state=》基本数据

mutations=》提交更改数据的方法,同步

actions=》commit(同步操作)和 dispatch(异步操作)用来修饰mutations,使之可以异步(同样可以提交修改数据,不过是提交个mutations)

getters=》计算属性(接收一个state作为第一个参数)(getter的返回值会根据它的依赖被缓存起来,只有当它的依赖值发生来改变才会被重新计算)

modules=》模块化store(集中管理、复用性)

如何创建一个store对象:

const   store = new  Vuex.Store({state:{count:0}})

如何在vue组件中获得vuex的状态:

四大辅助函数:

mapState、mapMutations、mapGetters、mapActions

用法非常简单,就是映射出全局状态中的方法

mapState、mapGetters   和值相关的映射到computed里

mapMutations、mapActions  和方法相关映射到methods里

————————————————————————————

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vuex的五个核心概念 本文参考自Vue文档,说的非常详细,建议看文档。 Vuex是什么? VueX 是一个专门为...
    一二三四五_6ce3阅读 5,043评论 0 0
  • 习惯养成很容易,戒掉却很难!!! 什么是Vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式...
    前端又又阅读 7,736评论 0 1
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 5,321评论 0 7
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,991评论 0 7
  • ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 4,019评论 0 3