Vue3 Pinia响应式变量与非响应式对象在组件中的调用方式

其实关于这个问题在Pinia的官方页面已经讲过了，在这里提出来也就是给各位一个搜索的索引:

<script setup> 
import { storeToRefs } from 'pinia' 
const store = useCounterStore() 
const { name, doubleCount } = store
// `name` 和 `doubleCount` 是响应式的 ref 
const { name, doubleCount } = storeToRefs(store) 
// increment 是非响应式的
const { increment } = store 
</script>

我喜欢这种setup语法糖的形式写