概念流程图：

案例：

（1）src/store/index.js导出仓库

（2）在入口文件引入仓库并派发到每个组件，在入口文件main.js引入，挂载到根组件上，方便以后使用this.$store调用仓库数据

（3）组件读取显示

直接读取：

年纪：{{this.$store.person.age}}

姓名：{{this.$store.person.name}}

性别：{{this.$store.person.sex}}

mapState映射读取

在计算属性进行映射设置

映射读取显示

年纪：{{person.age}}

姓名：{{person.name}}

性别：{{person.sex}}

（4）点击时修改state

步骤1：给年纪绑定点击事件，使用dispatch派发事件

这里可以使用映射API-简化操作流程

引入actions映射API步骤

使用位置：不在computed计算属性里，而是在methods方法里，和其他方法同级

步骤2：actions接收事件，并通过commit调用mutations

步骤3：调用mutations去改变共用数据

Actions里都是异步操作

Mutations是同步操作

.

最新文章

  1. POJ 3254. Corn Fields 状态压缩DP (入门级)
  2. 第二天--html+css
  3. SOA总结（图片打开略慢请知晓）
  4. Thrift架构~thrift中间语言的认识（只有它什么都不是，它才有可能什么都是）
  5. 常用库nuget包集合
  6. Jquery效果代码--（二）
  7. BZOJ 1055 玩具取名
  8. 周赛C题 LightOJ 1047 （DP）
  9. 基础二 day4 日记
  10. Demo更新列表
  11. Java知多少（66）输入输出(IO)和流的概述
  12. 在浏览器中输入url回车之后会发生什么
  13. PHP获取手机号
  14. Android ——Toolbar开发实践总结（转）
  15. pthread中errors.h的代码
  16. D - Binary Lexicographic Sequence URAL - 1081 （贪心）
  17. 【前端工具】 在 Windows 下安装 GruntJS——教程（译）
  18. ubuntu-16.04.2-server-amd64.iso
  19. 数据预处理：PCA，SVD，whitening，normalization
  20. 转帖 JS的基础语法2

热门文章

  1. Html学习之十（CSS选择器的使用--伪类选择器）
  2. 一，java框架学习
  3. 密度聚类 - DBSCAN算法
  4. 日志检索实战 grep sed
  5. jQuery中的事件（七）
  6. 洛谷P3702 [SDOI2017]序列计数
  7. 【Java语言特性学习之二】反射
  8. kmp算法笔记（简单易懂）
  9. windows上mysql解压缩版本、centos上rpm方式的安装、初始化等
  10. 线程池之ScheduledThreadPoolExecutor线程池源码分析笔记