前言:前面已经为了这章做了一点铺垫了,关于vuex也有很多读者私信我关于这方面的问题,其实vuex也很简单,今天我们就来探探vuex。
GitHub:https://github.com/Ewall1106/mall(选择chapter33分支)
###1、vuex基本概念
-
Vuex是什么?
Vuex
是一个专为Vue.js
应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 -
关于vuex的基本概念解释基本就是一张图的事情:
大家好好看看官网的解释。
###2、初探实践
看完以后应该是有点懵逼的,所以这就是这篇文章存在的意义了:就是让你不那么懵逼;总归理论与实践相结合才能真正弄明白一个东西,所以我们简单实践一下。
(1)安装
(2)然后就是新建一个store
文件专门用于我们vuex的状态管理;
- 在
store
文件夹下新建一个一个index.js
- 引入
vue
、vuex
并注册 - 导出
vuex
- 定义了一个state对象,这个对象包含了全部应用层级状态(全局共用的数据)
(3)然后我们还需要在main.js
中注册这个vuex
仓库
这样,我们安装及引用的一个vuex初始化就完成了。
(4)接下来我们在任意一个页面如test.vue
中尝试获取到我们开始在state
对象中定义的city
值了
###3、小结
这就是我们vuex的初探的第一次内容,主要就是安装及引入,然后在页面中获取了state对象中的city值。