import vue from
"vue"
;import vuex from
"vuex"
;import
from
"@/api/api"
//api位址
vue.
use(vuex)
;export
default
newvuex.store(,
//頁面所需介面資料
id:"",
//頁面id},
mutations:
,// 修改資料
changeobj
(state,res)},
//action是操作mutation觸發commit修改state的方式
actions:
//請求介面
const result =
await
getmpuserdetail
(body as any)
context.
commit
('changeobj'
,result)}}
, modules:})
;
簡單說明一下場景:
使用者列表頁進入使用者詳情,再從使用者詳情進入使用者粉絲詳情,通過this.$router.go(-1)方法無重新整理返回使用者詳情。
(簡單一點就是當前路由與跳轉路由不一致時呼叫window.location.reload()重新整理)
//ts中寫法
@watch
("$route"
)getshowroute
(to: any,
from
: any)
}//js中寫法
watch:},
},
Vuex非同步請求訪問步驟
vuex 1.首先在state中建立變數 export default 2.然後在action中呼叫封裝好的axios請求,非同步接收資料,commit提交給mutation 引入import from api 引入mutationtype規範 import from mutation types ...
Vuex常見使用場景和Vuex中資料快取的使用
vuex非同步請求使用場景一般是在兩個列表中重複請求資料,可以將資料儲存在store中,在使用者頻繁請求時,可以不必要多次的使用ajax請求獲取資料,而是直接在store中拿已經快取的資料 store中的資料是快取在記憶體中的,只要網頁一重新整理或者關閉,快取的資料就會丟失。vuex狀態管理 功能 ...
vuex中 修改返回的資料
今天在做專案時,需要將得到的資料中的訂單型別進行,因為後端返回的資料中ordertype 訂單型別 0或者1,我需要將0轉變為堂食1轉變為外賣再渲染到 中。由於oedertype 0或1 同時是我需要傳的引數,如果在得到資料時用if 判斷,我怕之後我傳引數的時候會出現問題。所以這裡採用了getter...