Store 响应式解构

Store 响应式解构是 Pinia 学习中的单个核心知识点，下面直接说明用法。

定义

Store 响应式解构是 Pinia 使用中的一个独立知识点，核心作用是：使用storeToRefs(store)保持响应式解构，避免直接解构丢失响应式。

语法

常用语法是在 Store 定义或组件调用处完成配置与使用。

vue

<script setup>
import { storeToRefs } from 'pinia'
import { useUserStore } from '@/stores/user'

const store = useUserStore()
const { name, token } = storeToRefs(store)
</script>

示例

vue

<script setup>
import { storeToRefs } from 'pinia'
import { useUserStore } from '@/stores/user'

const store = useUserStore()
const { name, token } = storeToRefs(store)
</script>

注意事项

Pinia 不需要 mutation，简单状态可以直接赋值，复杂批量更新优先使用 $patch()。

要点总结

Store 响应式解构 只解决当前知识点对应的问题。
优先使用 Pinia 官方 API，避免引入多余封装。
示例代码应保持 Store 简洁、职责清晰。