pinia中数据解构
在vuex中获取state中的数据可以解构的方式如下:
import { mapState,mapMutations } from "vuex" computed:{ ...mapState(['userInfo']), },
代码中可以直接使用userInfo了
在pinia中如果类似的进行解构:
import { useTestStore } from './store' const Test = useTestStore() const { current, name } = Test
如进行这样的解构,解构出来的current和name不是响应性的,无法进行动态的修改
应该使用 storeToRefs 进行解构处理
import { storeToRefs } from 'pinia' const Test = useTestStore() const { current, name } = storeToRefs(Test)
这样机构出来的state变量是具有响应性的,可以随意使用。