vue-x

一、vuex简介

1.vuex是什么？

       概念：专⻔在vue中实现集中式状态（数据）管理的⼀个插件，对vue应⽤中多个组件的共享状态进⾏集中式的管理（读写），也是⼀种组件间的通信⽅式，且适⽤于任意组件间通信

2.什么时候使⽤vuex

多个组件依赖于同⼀状态

来⾃不同组件的⾏为需要变更同⼀状态

总结⼀句话：多个组件需要共享数据时

---

二、vuex⼯作原理图

---

 
 

三、搭建vuex环境

1.创建⽂件 src/store/index.js

//引⼊vue

import Vue from 'vue'

//引⼊vuex

import Vuex from 'vuex'

//使⽤vuex

Vue.use(Vuex)

//准备actions对象

const actions = {}

//准备mutations对象

const mutations = {}

//准备state对象

const state = {}

//创建并且暴露store

export default new Vuex.Store({

 actions,

 mutations,

 s