您的当前位置:首页正文

6、vuex初探(一)

来源:华拓网

1、vuex基本概念

  • 关于vuex的基本概念解释基本就是一张图的事情:

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

2、初探实践

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

(1)安装

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

  • store文件夹下新建一个一个index.js
  • 引入vuevuex并注册
  • 导出vuex
  • 定义了一个,这个对象包含了全部应用层级状态(全局共用的数据)

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

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

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

3、小结

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