Pinia 全局状态，对于后期的其他组件文件处理方法

admin

- ~% T) G, }1 [6 I% n, K 创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
# O% [2 i5 B1 vimport { ref } from 'vue'
- z) ?$ g% B* E4 W, ^
export const useDeviceStore = defineStore('device', () => {
2 k3 g4 y. x5 ?  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null

2 [! J" {+ z) J9 S) @$ P. Q  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
; P  L6 ?9 ]" t1 C    isMobile.value = e.matches
. V% n! K+ S0 ]- d7 u9 m. |  }
6 N- i, H! ~1 V
  //

admin

创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
1 u  C3 D5 ~2 e3 Eimport { ref } from 'vue'

6 r1 g# O+ @& j9 Z) H1 [export const useDeviceStore = defineStore('device', () => {
. p) ]: ~; j. g  const isMobile = ref(false)
: x# F# U' h: q' s3 [  let mediaQuery: MediaQueryList | null = null

  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
+ |) h; q6 I$ R' o) n+ t. M    isMobile.value = e.matches
  }
( c' D9 l7 ~( P8 @; v$ D% |* v7 }7 s
  //

admin

创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
import { ref } from 'vue'
1 I$ ?+ B7 p) q" a6 N' X# ^( _
export const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null
& n2 c. I0 u/ h' n3 D& {6 k) W
  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
' X* F& f# O  X* m    isMobile.value = e.matches
  }
& Y# }, o0 G  l5 ~
  //

admin

创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
import { ref } from 'vue'
6 X; O! x4 h6 y, M$ r  X
export const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null
+ ^9 t9 V. B5 |- r
  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
    isMobile.value = e.matches
  }
" c" O+ Z% j; s
  //