storeToRefs
- 由于从pinia中直接解构数据,数据会丢失响应式。
- 使用
storeToRefs可以保证解构出来的数据是响应式的数据
<script setup>
import { storeToRefs } from 'pinia'
import useCounterStore from './store/counter'
const counter = useCounterStore()
// 如果直接从pinia中解构数据,会丢失响应式
const { count, double } = counter
// 使用storeToRefs可以保证解构出来的数据也是响应式的
const { count, double } = storeToRefs(counter)
</script>