Vuex的原理

Vuex不是vue内置的：我们使用的时候需要安装，当然框架也会给你下载好的

如果说自己安装：

1.npm install vuex --save
2.新建一个js文件；
import Vue from ‘vue’
import Vuex from ‘vuex’
Vue.use(Vuex)’

导出：
在main.js内引入

一、我们在说说什么是Vuex

Vuex是vue的状态（理解为数据）管理工具；主要实现各组件之间的数据共享

二、5个核心的概念

	state         // 存放状态（数据）
	getters       // 认为是计算属性（可以对state内的数据进行处理）
	mutations     // 唯一 一个更新state内的值的 方法
	actions       //  改变state值得方法；但是 一般放置异步的方法；并且需要调用mutations内的方法
	modules       //  模块（同一类的或者说是 同一模块的单独放置）

三、获取值

    state     //内的值：$store.state.属性
	getters   // 内的值：$store.getters.属性
	mutations   //内的值：$store.commit('vuex内mutations内的方法名')
	actions    // 内的方法 ：$store.dispatch('vuex内actions内的方法名')

四、辅助函数（四大金刚）;作用就是说可以在页面内直接调用;因此需要映射到页面

	//值的映射必须写到计算属性内
	mapSate,
	mapGetters,
	
	//方法的映射必须写在methods内
	mapMutations,
	mapActions, 
	
	//映射过之后，页面可以直接通过this调用