33、vuex初探（一）

前言：前面已经为了这章做了一点铺垫了，关于vuex也有很多读者私信我关于这方面的问题，其实vuex也很简单，今天我们就来探探vuex。 GitHub：https://github.com/Ewall1106/mall（选择chapter33分支）

1、vuex基本概念

• Vuex是什么？Vuex 是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
• 关于vuex的基本概念解释基本就是一张图的事情：

截图来自vuex官网

大家好好看看官网的解释。

2、初探实践

看完以后应该是有点懵逼的，所以这就是这篇文章存在的意义了：就是让你不那么懵逼；总归理论与实践相结合才能真正弄明白一个东西，所以我们简单实践一下。

（1）安装

vuex安装

（2）然后就是新建一个store文件专门用于我们vuex的状态管理；

• 在store文件夹下新建一个一个index.js
• 引入vue、vuex并注册
• 导出vuex
• 定义了一个state对象，这个对象包含了全部应用层级状态（全局共用的数据）

引入

（3）然后我们还需要在main.js中注册这个vuex仓库

注册

这样，我们安装及引用的一个vuex初始化就完成了。

（4）接下来我们在任意一个页面如test.vue中尝试获取到我们开始在state对象中定义的city值了

获取city值

浏览器中展示

3、小结

这就是我们vuex的初探的第一次内容，主要就是安装及引入，然后在页面中获取了state对象中的city值。