vuex登录时存储对象和调用存储的对象
时间: 2023-08-12 12:03:24 浏览: 40
好的,您的问题是如何在 Vuex 中存储对象并调用存储的对象。
在 Vuex 中存储对象,可以通过将对象作为 state 属性的值进行存储。例如:
```javascript
const state = {
user: {
username: 'example',
email: 'example@example.com'
}
}
```
在上面的示例中,我们将一个名为 user 的对象存储在 Vuex 的 state 中。
要调用存储的对象,可以使用 getters。getters 是 Vuex 的计算属性,它们可以接收 state 作为第一个参数,并返回根据 state 计算而得到的值。
例如,我们可以通过以下 getters 获取存储在 state 中的 user 对象的属性:
```javascript
const getters = {
getUsername: state => state.user.username,
getEmail: state => state.user.email
}
```
在上面的示例中,我们定义了两个 getters,分别为 getUsername 和 getEmail。这些 getters 将分别返回存储在 state 中的 user 对象的 username 和 email 属性。
要在组件中使用这些 getters,可以使用 mapGetters 辅助函数将它们映射到组件的计算属性中:
```javascript
import { mapGetters } from 'vuex'
export default {
computed: {
...mapGetters([
'getUsername',
'getEmail'
])
}
}
```
在上面的示例中,我们使用 mapGetters 辅助函数将 getUsername 和 getEmail getters 映射到组件的计算属性中。现在,我们可以在组件中使用 this.getUsername 和 this.getEmail 访问存储在 Vuex state 中的 user 对象的属性了。
希望以上回答能够帮到您!