pinia 的值在vue页面中如何监听变化

要监听 Pinia Store 中的值的变化，可以使用 `watch` API 或者 `computed` API。以下是两种方法的示例：

1. 使用 `watch` API：

import { defineComponent, watch } from 'vue'
import { useStore } from 'pinia'

export default defineComponent({
  setup() {
    const store = useStore()

    watch(
      () => store.state.piniaValue,
      (newVal, oldVal) => {
        console.log(`Pinia value changed from ${oldVal} to ${newVal}`)
      }
    )

    return {}
  }
})

2. 使用 `computed` API：

import { defineComponent, computed } from 'vue'
import { useStore } from 'pinia'

export default defineComponent({
  setup() {
    const store = useStore()

    const piniaValue = computed(() => store.state.piniaValue)

    function handlePiniaValueChange(newVal, oldVal) {
      console.log(`Pinia value changed from ${oldVal} to ${newVal}`)
    }

    watch(piniaValue, handlePiniaValueChange)

    return {}
  }
})

以上两种方法都可以监听 Pinia Store 中的值的变化，具体使用哪种方法取决于你的需求和偏好。