vuex组件const address = { namespaced: true, state: { address: {} // or initialize it with an empty array }, mutations: { setAddress(state, address) { console.log(address, '111'); state.address = address; } }, actions: { setAddressData({ commit }, address) { commit('setAddress', address); }, }, } export default address; 怎么从别的组件调用里面的数据呢?
时间: 2024-01-11 22:05:51 浏览: 57
你可以通过在别的组件中使用 `mapState` 辅助函数来获取 `address` 模块中的状态。首先,在你要使用 `address` 模块中状态的组件中,需要引入 `mapState`:
```
import { mapState } from 'vuex'
```
然后,你可以在组件的 `computed` 属性中使用 `mapState` 辅助函数来获取 `address` 模块中的状态:
```
computed: {
...mapState('address', ['address'])
}
```
现在,你就可以在该组件的模板中使用 `address` 状态了:
```
<template>
<div>
<p>Address: {{ address }}</p>
</div>
</template>
```
在方法中也可以通过 `$store.state.address.address` 访问该状态。但是,使用 `mapState` 辅助函数可以更方便地获取状态,并且使代码更具可读性。
阅读全文