vuex

作者: 没了提心吊胆的稗子 | 来源:发表于2019-08-15 15:41 被阅读0次

vuex是一个专门为Vue.js应用程序开发的状态管理模式
可以把这个状态理解为data中的属性,可以供其他组件使用
vuex:有五种默认的基本对象

  • state:存储状态
  • getters:对数据获取之前的再次编译,可以理解为state的计算属性。在组件中使用$store.getters.fun()可以调用其中的方法
  • mutations:修改状态,同步操作。在组件中使用$store.commit('', params)。跟自定义事件类似
  • actions:异步操作,在组件中使用$store.dispath('')
  • modules:store的子模块,为了开发大型项目,方便状态管理而使用的

使用
mutations使用的坑:
this.$store.commit('mutationsReduceCount',n);直接这样调用是不可的,因为在Store的实例上除了getters其他几个都是私有属性,因此不允许直接调用,组件中使用的时候要通过```javascript
// 1、引入
import { mapMutations } from 'vuex'
// 2、映射
methods:{
...mapMutations([
'mutationsAddCount', //将 this.mutationsAddCount() 映射为 this.$store.commit('mutationsAddCount')
'mutationsReduceCount'
])
}

相关文章

  • VUEX基本介绍,包含实战示例及代码(基于Vue2.X)

    VUEX 1 VUEX基本介绍 1.1 官方API 1.2 什么是vuex 1.3 Vuex使用场景 1、Vuex...

  • 【文档笔记】-Vuex

    什么是vuex? vuex文档: https://vuex.vuejs.org/zh/[https://vuex....

  • vuex配置

    vuex配置 目录 vuex的五个核心 配置vuex vuex持久化 一、vuex五个核心概念 State 定义状...

  • Vuex

    安装Vuex cnpm install vuex --save-dev Vuex是什么? 这是[Vuex的官网](...

  • Vuex

    1.Vuex概述 2.Vuex基本使用 3.使用Vuex完成todo案例 1.Vuex概述 Vuex是实现组件全局...

  • vuex

    Vuex介绍: Vuex官网:http://vuex.vuejs.org/ Vuex是实现数据状态管理的技...

  • vuex+axios 的开发流程记录

    相关文档 vuex: https://vuex.vuejs.org/zh/ 是否有必要使用vuex vuex是vu...

  • 2019-06-07

    import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)...

  • 配置 vuex 和 vuex 本地持久化

    配置 vuex 和 vuex 本地持久化 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量...

  • vuex

    配置 vuex 和 vuex 本地持久化 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量...

网友评论

      本文标题:vuex

      本文链接:https://www.haomeiwen.com/subject/rkjpxctx.html