in einer manuell montierten vue-Komponente verwenden vuex

Question

ich eine Komponente zu einem dynamischen Element manuell bin Montage:

import Vue from 'vue'; 
import MyComponent from 'MyComponent.vue'; 

const MyComponentConstructor = Vue.extend(MyComponent); 
const MyComponent = new MyComponentConstructor({ 
    propsData: { 
     foo: 123, 
    }, 
}).$mount('#mount-point'); 

Wenn ich eine Komponente auf diese Weise manuell montieren, kann ich nicht verwenden vuex innen MyComponent.vue.

// (inside MyComponent.vue) 
this.$store.commit('setSomething', true); 

ich dieses:

Uncaught TypeError: Cannot read property 'commit' of undefined

Natürlich ist vuex eingerichtet und funktioniert gut in den anderen normalen Komponenten. Kann ich etwas an den Konstruktor weitergeben, damit es funktioniert?

Answer 1

Übergeben Sie den Speicher als Teil der Optionen an den Konstruktor.

import store from "path/to/store" 

const MyComponent = new MyComponentConstructor({ 
    store, 
    propsData: { 
     foo: 123, 
    }, 
}).$mount('#mount-point');