vuex的使用步奏流程

這是vuex的關係圖

新建一個文件夾store,再新建一個index.js文件,假設我們在index.js中聲明一個city全局數據,如下圖:

在main.js中引入:

在需要的界面上,使用city這個全局數據:

視圖層(Vue Components)要改變State中的city,就需要通過流程Vue Components--->Actions--->Mutations---->State,所以我們做如下操作:

 

然後再通過commit改變Mutations,如下:

至此,city的全局數據就會被改變

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