vuex的使用步奏流程

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_36784628/article/details/89919832

这是vuex的关系图

新建一个文件夹store，再新建一个index.js文件，假设我们在index.js中声明一个city全局数据，如下图：

在main.js中引入：

在需要的界面上，使用city这个全局数据：

视图层（Vue Components）要改变State中的city，就需要通过流程Vue Components--->Actions--->Mutations---->State,所以我们做如下操作:

 

然后再通过commit改变Mutations，如下：

至此，city的全局数据就会被改变