如何从 vue 3 中的商店获取价值

Question

我想在 vue 3 设置代码中获取商店值，我现在就是这样做的，首先在设置代码块中定义商店：

const store = useStore()

然后尝试使用此代码获取存储值：

const transWord = computed(() => store.state.word)

但结果是这样的：

好像不是我想要的字符串。商店 index.ts 定义如下：

import Vuex from 'vuex';
import Trans from '@/store/modules/trans';

export default new Vuex.Store({
    modules: {
        Trans
    }
})

反式定义如下：

const SET_USER_NAME = "SET_USER_NAME";
const SET_TRANS_WORD = "SET_TRANS_WORD";
const SET_RANDOM_IMG = "SET_RANDOM_IMG";

export default {
  namespaced: true,

  state: {
    username: "Tom",
    word: "",
    randomImg: "",
  },

  getters: {
    getUsername(state: { username: string }) {
      return state.username;
    },
    getRandomImg(state: { randomImg: string }) {
      return state.randomImg;
    },
    getTransWord(state: { word: string }) {
      return state.word;
    },
  },

  mutations: {
    [SET_USER_NAME]: (state: { username: string }, username: string) => {
      state.username = username;
    },
    [SET_TRANS_WORD]: (state: { word: string }, word: string) => {
      state.word = word;
    },
    [SET_RANDOM_IMG]: (state: { randomImg: string }, randomImg: string) => {
      state.randomImg = randomImg;
    },
  },

  actions: {
    async setUsername({ dispatch, commit, getters }: any, data: unknown) {
      commit("SET_USER_NAME", data);
    },
    async setTransword({ dispatch, commit, getters }: any, data: unknown) {
      commit("SET_TRANS_WORD", data);
    },
  },
};

如何获取储值词？我错过了什么吗？

Answer 1

computed()returns一个ref，其中包含其value属性中的值：

const transWord = computed(() => store.state.word)
                        
console.log(transWord.value)

如何从 vue 3 中的商店获取价值

how to get value from store in vue 3

typescript

vue.js

vuejs3

vue-composition-api