vuex 和 vue router如何結合使用?

時間 2021-05-10 10:33:56

1樓:沒有拉姆

我剛開始想的也是使用 watch 在跟元件裡面做傾聽狀態值然後跳轉

後面我的想法是把vuex和router寫在乙個js檔案裡面呼叫 new vueRouter({}) 返回物件的push 方法

2樓:Alston

其實可以簡單一點,不需要action,在一般function登入,然後把拿到的token(一般情況)存入store即可

// assume Vue.prototype.$api exists

// assume Vue.prototype.$store exists

// assume Vue.prototype.$router exists

async

login

(account

,password)=

await

this

.$api

.post

();if(!

token

)throw

(new

Error

('...'

));this

.$store

.commit

('setToken'

,token

);this

.$router

.push

();}

catch(e)}

3樓:小火柴

正好在做相關的部分

vuex中:

[AUTH_VERIFICATE](, payload使用者登入commit(SIGN_IN, result返回乙個非同步操作return new Promise((resolve, reject) =>resolve

vue中:

let = this發起dispatch驗證this.$store.dispatch(AUTH_VERIFICATE, ).

then(() =>返回首頁this.$router.push('/'

4樓:寇雲

路由物件和路由匹配

$route.auth 處理使用者判斷使用者是否登入,做登入跳轉。

router

.beforeEach

((transition

)=>else});

vuex持久化儲存 和 直接存sessionstorage或者localStorage有什麼區別?

hbynlsl vuex狀態資料,在不同元件之間是共享的,且是響應式更新的 即在A元件中更新狀態資料,在B元件中會自動響應式更新 但是在瀏覽器頁面重新整理後,vuex中的資料會丟失。sessionStorage 或 localStorage資料,不會自動實現響應式更新 但是資料是持久化的,瀏覽器頁面...

如何評價《如龍 0》和《如龍 極》登入 Steam?

燙燙燙燙燙燙 SEGA YES 手動滑稽 但願mod和索尼克系列一樣好做,還有趕緊把p5搬上PC啊,他敢出我就敢買,rpcs3實在是太捉急了,x79也沒什麼主頻高效能又和E5一樣好的U,原生PC版隨便60fps hyde 挺好的,當初知道如龍是很久以前的事了,可玩到如龍也就是psp時代,當時非常喜歡...

純js和框架(如vue,react,angular)哪個更值得作為工作的方向?

左華棟 如果在國內想有長期發展,建議 angular 以後可以了解了解 nest.js 做後端,甚至還可以平滑過渡到 spring 但如果只想盡快找個工作,國內vue 國外 react 已登出 因為virtual dom已經被標準採用了,所以將來像這三個框架這樣使用virtual dom進行渲染的做...