vue computed可以监听pinia的属性吗 给个示例

是的，Vue computed 可以监听 Pina 的属性。

示例：

<template>
  <div>
    <p>{{ fullName }}</p>
    <p>{{ firstName }}</p>
    <p>{{ lastName }}</p>
  </div>
</template>

<script>
export default {
  state() {
    return {
      firstName: "John",
      lastName: "Doe"
    }
  },
  computed: {
    fullName() {
      return this.firstName + " " + this.lastName;
    }
  }
}
</script>

在这个示例中，我们在 Pina 的 state 中定义了 firstName 和 lastName 属性，并在 computed 中定义了 fullName。当 firstName 或 lastName 发生更改时，fullName 也会相应地更新。