Comments (7)
from vuex-module-decorators.
If you do not mark is dynamic then you can import the module class and register it into the store.
// @/store/moduleA.ts
@Module
export default class ModuleA extends VuexModule {
}
// @/components/Comp.vue
import ModuleA from '@/store/moduleA'
this.$store.registerModule('name', ModuleA)
from vuex-module-decorators.
I this case, how do you access the module from the component? Can you use getModule() and benefiting from the typing, intellisense, etc.?
If you do not mark is dynamic then you can import the module class and register it into the store.
// @/store/moduleA.ts @Module export default class ModuleA extends VuexModule { }// @/components/Comp.vue import ModuleA from '@/store/moduleA' this.$store.registerModule('name', ModuleA)
from vuex-module-decorators.
// @/store/index.ts
import {Store} from 'vuex'
export default store = new Vuex.Store({})
// @/components/mycomponent.ts (or .vue <script> portion)
import {Component, Vue} from 'vue-property-decorator'
import store from '@/store/index.ts'
import {VuexModule} from 'vuex-module-decorators'
@Module({dynamic: true, namespaced: true, name: 'mymodule', store})
class MyModule extends VuexModule {
somestuff = 'awesome stuff'
@Mutation
doSomething() {}
}
const mm = getModule(MyModule)
@Component
export default class MyComponent extends Vue {
somedata = mm.somestuff
somemethod() { mm.doSomething() }
}
from vuex-module-decorators.
You mean do the store.registerModule('mm', myModule)
part on your own ?
from vuex-module-decorators.
Yes @championswimmer
from vuex-module-decorators.
Would I be able to do store.registerModule('mm', MyModule)
and not mark it as dynamic?
from vuex-module-decorators.
Related Issues (20)
- MutationAction not working with RemoteData union type
- got error when use @Mutation in app.config.errorHandler HOT 2
- MutationAction not having access to module state? HOT 5
- How can I split up an module-class HOT 1
- Conflict with NuxtJS third-party modules HOT 2
- When will you release the new version ?
- MutationAction still not works HOT 2
- peer vuex@"3" from [email protected] HOT 3
- Setting an object through MutateAction throws an exception HOT 3
- Action method question HOT 1
- Missing github release and changelog for v2 HOT 2
- v2.0.0 there are any breaking changes ? HOT 2
- Can vite hot update be supported?
- How can I use Try catch inside @MutationAction?
- in @Mutation,this is undefined HOT 1
- In @Mutation, how to call another Mutation, this.xxx is undefined HOT 1
- vue.reactive is not a function (Nuxtjs, Typescript)
- MutationAction never commits changes, if component switched
- Using vuex-module-decorators with vue2 HOT 1
- fix: support typescript 4.8
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuex-module-decorators.