vuex的使用步奏流程

这是vuex的关系图

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

在main.js中引入:

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

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

 

然后再通过commit改变Mutations,如下:

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章