VuexAPI文档03

API参考

Vue.Store

  1. 引入vuex
  2. 创建store

Vuex.Store构造器选项

  1. state,Vuex store 实例的根state对象
  2. mutations, 该选项中方法,第一个参数是state(模块中,为局部state)。第二个参数是payload,使用的方式是payload.a
  3. actions,该选项方法接受唯一个参数对象,context,它有以下属性
  • state
  • rootState 只有在组件中才有
  • getters
  • commit
  • dispatch
  1. getters,该选项中的方法,有以下三个参数
  • state
  • getters
  • rootState
  1. modules,包含了子模块的对象,会被合并到store中
  2. plugins,插件
  3. strict,是否使用严格模式

Store 中 state 和 mutation 都可以直接通过实例属性直接访问。Store 中 mutations 和 actions 需要通过实例方法触发。

Vuex.Store实例属性

  1. store.state
  2. store.getters

vuex.Store实例方法

  1. commit
  2. dispatch
  3. subscribe, 这个插件中常用的方法

组件绑定的辅助函数

使用组件绑定的辅助函数,需要注意,必须引入import {mapGetters} from 'vuex'。前两个方法在computed中使用,后两个方法在methods中使用

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

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0 7
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,153评论 0 6
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 8,040评论 4 111
  • 上一章总结了 Vuex 的框架原理,这一章我们将从 Vuex 的入口文件开始,分步骤阅读和解析源码。由于 Vuex...
    你的肖同学阅读 1,809评论 3 16
  • Vuex 是什么? ** 官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式**。它采用集中...
    Rz______阅读 2,322评论 1 10