SET_QZONEUSERINFO(state, qzoneUserInfo) { state.qzoneUserInfo.push(qzoneUserInfo) } 假如我已经给这段代码进行赋值,在vue3组件中,我想要使用$的形式取出其中的值,应该怎么做
时间: 2024-02-09 20:08:05 浏览: 64
假设你已经在 Vue3 的组件中引入了 Vuex 并且对 `SET_QZONEUSERINFO` 进行了赋值,你可以使用如下方式来取出 `qzoneUserInfo` 中的值:
```
<template>
<div>
<p>{{ $store.state.qzoneUserInfo[0].qq }}</p>
<p>{{ $store.state.qzoneUserInfo[0].cookie }}</p>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
computed: {
...mapState(['qzoneUserInfo'])
}
}
</script>
```
其中 `$store` 是 Vue3 中用来访问 Vuex 存储的关键字,`mapState` 是 Vuex 中提供的辅助函数,可以将 store 中的 state 映射到组件的 computed 中,通过 `$store.state.qzoneUserInfo[0].qq` 的方式来取出 `qzoneUserInfo` 中的 qq 值,通过 `$store.state.qzoneUserInfo[0].cookie` 的方式来取出 `qzoneUserInfo` 中的 cookie 值。
阅读全文