__WEBPACK_IMPORTED_MODULE_3_vuex__.a is not a constructor

最新推荐文章于 2024-06-26 17:39:03 发布

a662852186

最新推荐文章于 2024-06-26 17:39:03 发布

阅读量6.2k

点赞数

CC 4.0 BY-SA版权

文章标签： webpack javascript ViewUI

原文链接：http://www.cnblogs.com/tabCtrlShift/p/9163498.html

本文纠正了在使用Vuex创建Store实例时常见的构造错误，展示了正确的语法，并解释了错误的根源在于未正确调用Vuex.Store构造函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误代码

let store = new Vuex({
  state: {
    totalPrice: 0
  },
  mutations: {
    increment (state, price) {
      state.totalPrice += price
    },
    decrement (state, price) {
      state.totalPrice -= price
    }
  }
})

正确代码：

let store = new Vuex.Store({
  state: {
    totalPrice: 0
  },
  mutations: {
    increment (state, price) {
      state.totalPrice += price
    },
    decrement (state, price) {
      state.totalPrice -= price
    }
  }
})

分析：构造器写法写错了应该是new Vuex.Store({})

下面请忽略。。

let store = new Vuex({
state: {
totalPrice: 0
},
mutations: {
increment (state, price) {
state.totalPrice += price
},
decrement (state, price) {
state.totalPrice -= price
}
}
})