Typescript 如何访问Vuex模块装饰器中存储模块文件内的Vuex存储实例+;Nuxt打字脚本?
构建模块的方法有很多种 最流行的方法之一是vuex模块装饰器 那么,在哪里至少引入了两种方法呢?文献只介绍了一种方法,大多数文章都提到了它 上市的官方途径 ~/store/index.tsTypescript 如何访问Vuex模块装饰器中存储模块文件内的Vuex存储实例+;Nuxt打字脚本?,typescript,nuxt.js,vuex,vuex-modules,vuex-module-decorators,Typescript,Nuxt.js,Vuex,Vuex Modules,Vuex Module Decorators,构建模块的方法有很多种 最流行的方法之一是vuex模块装饰器 那么,在哪里至少引入了两种方法呢?文献只介绍了一种方法,大多数文章都提到了它 上市的官方途径 ~/store/index.ts 从“vuex”导入{Store} 从“~/utils/store访问器”导入{initialiseStores} 常量初始值设定项=(存储:存储) store/TestStoreModule.ts import { Module, VuexModule, Mutation } from "vue
从“vuex”导入{Store}
从“~/utils/store访问器”导入{initialiseStores}
常量初始值设定项=(存储:存储)
store/TestStoreModule.ts
import { Module, VuexModule, Mutation } from "vuex-module-decorators";
import store from "./index";
@Module({
name: "TestStoreModule",
namespaced: true,
dynamic: true,
store
})
export default class TestStoreModule extends VuexModule {
private count: number = 0
@Mutation
public increment(delta: number): void {
this.count += delta
}
@Mutation
public decrement(delta: number): void {
this.count -= delta
}
public get currentCount(): number {
return this.count;
}
}
但在生产构建之后,我在控制台中显示了以下错误:
ERROR [nuxt] store/index.ts should export a method that returns a Vuex instance.
我不能回答所有这些问题的原因,但我会尽力帮助你
首先,您是对的,Nuxt在其核心实现了Vuex。这就是为什么您有一些why's。例如,您可以在Nuxt文档中找到插件的定义常量
其次,为了理解如何编写vue+类型脚本,我建议阅读这篇文章。它不包括vuex模块装饰器的使用,而是介绍vuex simple。此外,它对引导新项目非常有用
我希望这能帮助你提高理解力
ERROR [nuxt] store/index.ts should export a method that returns a Vuex instance.