这是vuex的关系图
新建一个文件夹store,再新建一个index.js文件,假设我们在index.js中声明一个city全局数据,如下图:
在main.js中引入:
在需要的界面上,使用city这个全局数据:
视图层(Vue Components)要改变State中的city,就需要通过流程Vue Components--->Actions--->Mutations---->State,所以我们做如下操作:
然后再通过commit改变Mutations,如下:
至此,city的全局数据就会被改变