vuex基本介绍

简介

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

基本使用

• 下载安装

npm install vuex --save

• 创建全局状态管理的实例
• 注册
• 在组件里使用全局状态值
  • 获取渲染全局状态值
  • 修改全局状态值

vuex的核心

• State
  State 从字面意思理解，就是状态，在 Vuex 里面，数据就代表了状态，State 是 Vuex 这一状态管理工具的唯一的数据源，所有的数据都储存在里面。

• Getter
  Getter, 就是一个“取”的操作，来拿 state 里面的数据。vuex里的计算属性 和state值进行关联 state发生改变，可以重新计算，并且可以在页面上直接使用

• Mutation
  Mutation 是 Vuex 当中改变 state 唯一的方法。Mutation 使用与事件处理函数非常相似，都具有类型和回调函数。只有mutation才能修改state，可以通过commit方法触发

• Action
  可以放异步操作 触发mutation 通过dispatch 触发

• Modules

1. 模块化之后state的取值需要添加一级模块名 其他的三个核心不变
2. 可以在模块里添加命名空间，作用就是在 mutation getters actions的名字前面添加模块名，用处就是防止名字冲突