vue3.2 vuex

在Vue3中，使用Vuex进行状态管理的方式有所改变。在Vue3中，可以使用composition API来使用Vuex。具体来说，可以使用`useStore`函数来获取store实例，然后使用`computed`函数来创建计算属性。例如，在Vue3中使用`mapState`映射计算属性的示例代码如下：

import { mapState, useStore } from 'vuex'
import { computed } from 'vue'

export default {
  setup() {
    const store = useStore()
    const { count } = mapState(\['count'\])
    const sCounter = computed(() => count)

    return {
      sCounter
    }
  }
}

在这个示例中，我们首先使用`useStore`函数获取store实例，然后使用`mapState`函数将`count`映射为计算属性。最后，我们使用`computed`函数创建一个新的计算属性`sCounter`，它的值是`count`的值。这样，我们就可以在模板中使用`sCounter`来获取Vuex中的状态值了。
#### 引用[.reference_title]
- *1* *2* *3* [VUE2,VUE3中Vuex的使用详解](https://blog.csdn.net/ICanWin_lll/article/details/119732633)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]