vuex的使用

定义

专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应 用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方 式，且适用于任意组件间通信。

应用场景

多个组件应用与同一个状态，多个组件变更同一状态。

store创建

定义

概念：每一个Vuex应用的核心就是Store（仓库），我们可以说Store是一个容器，Store里面的状态与单纯的全局变量是不一样的，无法直接改变Store中的状态。想要改变状态需通过mutation去修改。

结构

创建文件夹store与src根目录下，建立index.js。需包含actions，mutations，state结构如下：

// 引入vue
import Vue  from 'vue'

// 引入vuex
import Vuex from 'vuex'

// 应用vue插件
Vue.use(Vuex)

// actions响应组件中的动作
const actions = {
}

// mutations操作数据state
const mutations = {
	
}


// 准备state存储数据
const state = {
   //状态对象
}

// 创建store并导出
const store = new Vuex.Store({
	actions,
	mutations,
	state,
})
//默认导出store
export default store