模块化的vuex怎么在页面中引用state

在页面中引用 Vuex 中的 state，需要通过组件的计算属性来获取。

首先，在组件中引入 Vuex 的辅助函数 mapState，代码如下：

import { mapState } from 'vuex';

然后，在计算属性中使用 mapState 函数将 state 映射到组件的数据中，代码如下：

computed: {
  ...mapState({
    // 将 state 中的 count 映射为组件的 data 中的 count
    count: state => state.count
  })
}

在上面的代码中，将 state 中的 count 映射为组件的 data 中的 count。这样，组件就可以通过 this.count 来访问 Vuex 中的 state 了。

当然，如果需要引用多个 state，也可以使用对象的方式进行映射，代码如下：

computed: {
  ...mapState({
    // 将 state 中的 count 映射为组件的 data 中的 count
    count: state => state.count,
    // 将 state 中的 message 映射为组件的 data 中的 message
    message: state => state.message
  })
}

这样，组件就可以通过 this.count 和 this.message 来访问 Vuex 中的 state 了。