Vue3 0下,如何在元件的setup 中監聽vuex裡某個state的變化?

時間 2021-10-26 22:06:10

1樓:幹槑

// use this file at setup functionimport

from

'vue'

import

from

'@/store'

;import

from

'vue-router'

;import

from

'lodash-es'

;/**

* Auth Guard 攔截

*/export

default

function

useAuth()}

// 監聽是否是 401 請求

watch

(()=>

store

.state

.poppy

.is401,(

newValue

,oldValue

)=>}).then()}

},);}

2樓:

import

from

'vue'

import

from

'vuex'

export

default

)return{}}}

3樓:

先引用 vuex

import

from

'vuex'

然後setup裡面

const

store

=useStore

()然後就可以把 store 當成$store 那樣使用了。

可以用watch,也可以用 computed。具體用法見官網。

Computed 與 watch | Vue3中文文件Composition API | Vuex最後vue3的vuex的state,可以使用 reactive ,這樣就不用 computed 了。如果想唯讀的話,可以加上 readonly

如何評價尤雨溪發布的 Vue 3 0 開發計畫?

大家好我是李瞳瞳 第一反應就是要被眾多苦逼前端罵成狗.馬上滿十年職業生涯,大部分時間在寫前端,我覺得做為前端開發人員,一要懂得妥協,二要擁抱變化。佔坑 強答一波,對我來說有意義的feature 原生的class支援,當然肯定對ts支援和靜態分析比寫引數要好 fragment portal,目測應該是...

如何在 Windows 下使用 Vim 的 YouCompleteMe 外掛程式?

我FORK了乙個專案,原始專案如下,也來自該回答CuriousFu YouCompleteMe for windows 因為作者沒有提供py37版本的YCM,所以我PR了乙個py37的YCM給作者,還沒有被合併 如果著急使用的,可以直接到我FORK的專案下,切換一下分支,可以看到py37版本的YCM...

如何在「堅硬」的環境下保持「柔軟」?

拾三 這麼說吧,樓主跟我挺像的,但我並沒有把這種情緒帶出去。他們不尊重我,那我為什麼要和他們交往。平時在寢室我帶耳機或耳塞,睡覺帶眼罩,沒事別煩我,有事我能幫就幫,不想就不想幫。多和其他人一起玩,就這樣吧。 我舅舅不給我和我姐姐壓歲錢,但是我媽媽每年都會給我表姐表妹壓歲錢,我們都跟媽媽說,就別給她們...