<template><div>pinia原始值: {{ Test.current }} --- {{ Test.name }}<button @click="change">change</button></div><hr /><div>解构后值: {{ current }} --- {{ name }}<button @click="change">change</button></div>
</template>
<script setup lang="ts">import { useTestStore } from './store';
import { storeToRefs } from 'pinia';const Test = useTestStore();// pinia 解构不具有响应式
// const { current, name } = Test;// 要使用storeToRefs()
const { current, name } = storeToRefs(Test);const change = () => {// Test.current++// 或current.value++
}</script>
<style scoped></style>
