记Vuex的使用

官方说法：Vuex是一个专为vue.js应用程序开发的状态管理模式。

• 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化
• Vuex也集成到Vue的官方调试工具devtools extension，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。

状态管理模式、集中式存储管理可以理解为：

• 把多个组件共享的变量全部存储在一个对象里面。
• 将这个对象放在顶层的vue实例中，让其他组件可以使用

Vuex安装

在cli4中会有store文件夹，在index.js中配置安装vuex


在main.js文件中挂载

vuex状态管理图例：

Devtools是vue一个浏览器插件。

使用案例：

Vuex核心概念

• State
• Getters
• Mutation
• Action
• Module
  
  
  
  
  
  
  注意：Mutation中的方法必须是同步方法