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

admin

5 G' O* A+ V" E6 I5 e 创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
import { ref } from 'vue'

export const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null
2 o# ]3 V; L6 n( ?
  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
9 j/ V+ V; s5 y- {: l# U, P3 e9 Z    isMobile.value = e.matches
! f7 A, {. Z9 _; V. ?9 t  }
( @- L2 K- I$ Z
8 @. E, o0 M# \; K( K  //

admin

创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
. h- v! ^* `. \import { ref } from 'vue'

export const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
7 t  h6 w3 G0 k) I5 J  let mediaQuery: MediaQueryList | null = null

  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
    isMobile.value = e.matches
' o. _* y3 A" I& v2 a8 n! P  }

! d  l& B  ?5 s- y( o  //

admin

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

/ l( a7 R) b8 E" Z6 U0 ^export const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
1 q* w' V! K% F$ m6 E  let mediaQuery: MediaQueryList | null = null
4 b1 M1 T9 U( e5 g5 ?
5 F' w, {* N* O+ Y  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
    isMobile.value = e.matches
3 q% x6 o; x* E( y5 F- n9 C, Z  }

9 v4 w( |. Y. ~  //

admin

创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。typescriptimport { defineStore } from 'pinia'
import { ref } from 'vue'
/ O! C, B% f/ ?+ n% O/ w9 T$ o1 q
export const useDeviceStore = defineStore('device', () => {
  f) d3 W  X2 S" d) e) F: h5 q+ k  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null

  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
    isMobile.value = e.matches
+ q( N7 u0 y& E' K6 z+ f: r: H  }

  //