Vuex教程
一、概览 1、Vuex是什么 专为Vue.js应用程序开发的状态管理模式(状态即数据,即数据管理) 采用集中式存储管理应用的所有组件的状态 以相应的规则保证状态以一种可预测的方式发生变化 2、状态 组件内部状态:仅在一个组件内使用的状态( 即data字段里的数据,不能共享,只在本组件使用 ) 应用级别状态:多个组件共用的状态(将这个状态放入vuex中进行管理) 3、什么情况下使用Vuex 多个视图(组件)依赖同一状态 来自不同视图(组件)的行为需要变更同一状态 二、Vuex核心概念 1、store:类似容器,包含应用的大部分状态 一个页面只能有一个容器 状态存储是响应式的 不能直接改变store中的状态,唯一途径显示地提交mutations 在actions里面,也不能直接更改state里面的状态值,必须先定义一个mutations,然后在actions里面commit这个mutations,从而来更改state的状态值;如果要再次请求异步,那么就是dispatch一个actions 2、State:包含所有应用级别状态的对象 3、Getters:在组件内部获取store中状态的函数,类似组件的计算属性computed 4、Mutations:唯一修改状态的事件回调函数,默认是同步的,如果要异步就使用Actions 5、Actions:包含异步操作、提交mutations改变状态