安装vuex插件之后,vue实例上添加store属性,打印this.$store为undefined

import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'
Vue.config.productionTip = false
Vue.prototype.$bus = new Vue()
//通过全局方法 Vue.use() 使用插件
Vue.use(Vuex)
//构建数据仓库
const store = new Vuex.Store({
  //属性状态容器
  state:{
    countA:0,
    countB:0,
  },
  //提交触发器
  mutations:{
    //触发器行为
    incrementA(state){
      state.countA+=10
    },
    incrementB(state){
      state.countB+=1
    },
  }
})
let app = ew Vue({
  render: h => h(App),
  store
}).$mount('#app')

console.log(app.$store)//undefined

解决方法:
使用vue2对应的vuex插件应该使用vuex@3
使用vue3对应的vuex插件应该使用vuex@4

如果你在vue2项目中,所有的配置好了,组件中就是没有$store属性,那么很有可能是安装的vuex插件版本过高

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值