使用vuex里面的值怎么写

要使用 Vuex 中的值，可以通过以下步骤完成：

1. 在组件中引入 Vuex store 对象。

import store from '@/store'

2. 在组件中使用 mapState 辅助函数将 state 映射到组件的计算属性中。假设您要获取 Vuex 中的 count 值，可以这样写：

import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['count'])
  }
}

3. 在组件模板中，您可以直接使用计算属性来访问 Vuex 中的值。

<template>
  <div>{{ count }}</div>
</template>

4. 如果您需要在组件中修改 Vuex 中的值，可以使用 mutations 辅助函数提交 mutation 更改 state 中的数据。假设您要将 count 值加一，可以这样写：

import { mapMutations } from 'vuex'

export default {
  methods: {
    ...mapMutations(['increment']),
    handleClick() {
      this.increment()
    }
  }
}

5. 如果您需要在组件中异步地修改 Vuex 中的值，可以使用 actions 辅助函数分发 action，它可以异步地提交 mutation。假设您要异步地将 count 值加一，可以这样写：

import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions(['incrementAsync']),
    handleClick() {
      this.incrementAsync()
    }
  }
}

通过以上步骤，您就可以在 Vue.js 应用程序中方便地使用 Vuex 中的共享状态值了。