vuex

一直在使用,也没总结。

官方介绍:

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边学边记+两个小例子

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

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,963评论 0 7
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,138评论 0 6
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应...
    白水螺丝阅读 4,684评论 7 61
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 8,035评论 4 111
  • 本文为转载,原文:Vue学习笔记进阶篇——vuex核心概念 前言 本文将继续上一篇 vuex文章 ,来详细解读一下...
    ChainZhang阅读 1,663评论 0 13