從Vue-Typescript導入狀態（由javascript開發）

Question

我的項目是由Vue js開發的，並且它的存儲庫是由javascript開發的，並且我集成了由vue-typescript開發的新組件，並且該組件中的所有腳本都是由typescript開發的。

要導入狀態變量，我嘗試了兩種方法

使用Vuex

import { mapGetters, mapState, mapActions, mapMutations, createNamespacedHelpers } from 'vuex'

@Component({
  computed: {
    ...mapState([
      'allowedUrls'
    ])
  }
})

這種情況下this.allowedUrls未定義錯誤

使用Vuex-Class

import { State } from 'vuex-class'
@State allowedUrls: string[]

在這種情況下， this.allowedUrls始終是未定義的

我該如何解決這個問題？

Answer 1

不能完全確定您的代碼出了什么問題，但是我以略有不同的方式執行了相同的操作，並且可以正常工作：

import { mapState } from 'vuex';
import RootState from '@/store/rootState';

@Component({
  computed: mapState({
    userFullName: (state: RootState) => state.user.fullName,
    userEmail: (state: RootState) => state.user.email
  })
})

RooState是我的vuex狀態類。 我正在使用vue 2.5.17和vuex 3.0.1。