gpt4 book ai didi

javascript - 为什么没有定义 $store?

转载 作者:搜寻专家 更新时间:2023-10-30 22:52:01 26 4
gpt4 key购买 nike

我正在努力使用 vuejs 和 vuex 开发一个项目,但它不适用于组件中的 this.$store.state.count。为什么?

我的配置:

"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
})

主要.js:

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

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

组件.js:

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

错误:

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

最佳答案

您永远不会直接编辑商店。

你总是会触发突变。

如此(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>

关于javascript - 为什么没有定义 $store?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41063959/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com