vuex

作者: 小学生的博客 | 来源:发表于2017-05-16 13:42 被阅读26次

一直在使用,也没总结。

官方介绍:

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

安装:

npm install vuex --save

为什么使用:

当单项数据留没法满足多个组件共享状态时。譬如说:

  • 多个视图依赖于同一状态。
  • 来自不同视图的行为需要变更同一状态。

组成:

State

State负责存储整个应用的状态数据,一般需要在使用的时候在跟节点注入store对象,后期就可以使用this.$store.state直接获取状态

  • mapState 辅助函数
    当一个组件需要获取多个状态时候
Mutations
  • 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
  • store.commit(mutationName)是用来触发一个mutation的方法。需要记住的是,定义的mutation必须是同步函数
Actions
  • Action 提交的是 mutation,而不是直接变更状态。
  • Action 可以包含任意异步操作。
Getters

有些状态需要做二次处理,就可以使用getters


推荐阅读:
Vuex
Vuex简单入门
Vuex2.0边学边记+两个小例子

相关文章

  • 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/rrdlxxtx.html