vuex模块化 怎么引用state_Vuex中的State使用介绍

现在在上一篇为什么要使用Vuex的介绍理解基础上使用Vuex中的State，一个正面例子来证实，同时也介绍一下Vue核心概念State。

Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。

单状态树和模块化并不冲突——在后面的章节里我们会讨论如何将状态和状态变更事件分布到各个子模块中。

Vuex的使用

引入Vuex

方式一(推荐使用)：

首先我们在 vue.js 2.0+ 开发环境中安装 vuex :

npm install vuex --save

方式二：

1.在package.json中的dependencies字段加入："vuex": "^3.0.0"后： "dependencies": { "vue": "^2.5.2", "vue-router": "^3.0.1", "vuex": "^3.0.0" },

2.终端cd到项目目录然后执行:npm install安装即可。然后在运行项目

使用Vuex

1.在 src/main.js全局 中加入 : import Vue from 'vue' import App from './App' import router from './router' // 全局加入vuex import Vuex from 'vuex' //通过Vue.use()来使用这个Vuex V