TransWikia.com

Возможно ли импортировать модуль Vuex написанный на TS в обычный JS-компонент и использовать его?

Stack Overflow на русском Asked by Ishimura_Hideo on December 7, 2020

Предположим, у меня есть TS-модуль Vuex, который выглядит как-то так:

import { Module, VuexModule, getModule, Mutation, Action } from 'vuex-module-decorators'
import store from '@/store'

@Module({
  namespaced: true,
  name: 'NewModule',
  store,
  dynamic: true
})
class NewModule extends VuexModule {
    public events: Array<object> = []

    @Mutation
    PUT_EVENT_INTO_STORE(event: Object) {
        this.events.push(event)
    }

    @Action({ commit: 'PUT_EVENT_INTO_STORE', rawError: true })
        async pushEvent(event: Object) {
            return Promise.resolve(event)
    }
}

export default getModule(NewModule)

Я попытался импортировать его в обычный JS-компонент и потерпел поражение:

import NewModule from '@/modules/NewModule/'

//...

Computed: {
    getStoreData(){
        return NewModule.events
    }
}

При попытке сделать где-то console.log(getStoreData()) консоль сообщает что функция getStoreData не определена.

Существует ли способ подружить TS-модуль с JS-компонентом? Или проще компонент на TS переписать?
Спасибо за ответы.

ЗЫ Недавно работаю с TS. возможно я просто что-то не так импортировал/сделал

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP