Warum ist $ store nicht definiert?

Question

Ich habe Schwierigkeiten, ein Projekt mit vuejs und vuex zu entwickeln, aber es funktioniert nicht mit this.$store.state.count in der Komponente. Warum?

Meine config:

"vuex": "^2.0.0" 

store.js:

import Vue from 'vue' 
import Vuex from 'vuex' 
Vue.use(Vuex) 

export default new Vuex.Store({ 
    state: { 
    count: 12 
    }, 
    mutations: { 
    increment (state) { 
     state.count++ 
    } 
    }, 
    strict: true 
}) 

main.js:

import store from './vuex/store' 
import Vue from 'vue' 

new Vue({ 
    store, 
    . 
    . 
    . 
}).$mount('#app') 

component.js:

<script> 
export default { 
    name: 'landing-page', 
    created:() => { 
     console.log('status2') 
     console.log(this.$store.state.count) 
    } 
    } 
</script> 

Fehler:

Uncaught TypeError: Cannot read property '$store' of undefined 

Answer 1

Sie werden nie, nie den Speicher direkt bearbeiten.

Sie werden IMMER Mutationen auslösen.

Wie so (component.js):

<script> 
import store from './vuex/store' 

export default { 
    name: 'landing-page', 
    computed: { 
    counter() { 
     return store.state.count // get state 
    } 
    }, 
    created:() => { 
    store.commit('increment') // set state 
    } 
} 
</script>