创建Vuex时没有$store的解决

周百万.

已于 2023-01-12 16:35:27 修改

阅读量2.8k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 vuex store

于 2023-01-08 19:20:09 首次发布

本文链接：https://blog.csdn.net/m0_45142186/article/details/128603132

为什么会出现这个问题呢？就是因为你的vuex安装的版本是最新版本

vue@3版本对应的是 vue2

vue@4版本对应的是 vue3

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

store文件夹下的index.js文件

import Vue from 'vue'
import Vuex from 'vuex'
// 使用一次插件
Vue.use(Vuex)

const state = {
  count:0
}
const actions = {
  // 这里可以书写业务逻辑 参数不能修改state的值
  add({commit}){
    console.log(123);
    commit('ADD')
  }
}
const mutations = {
  ADD(state){
    state.count++
  }
}
const getters = {}

// 岁外包录一个Store类的实例
export default new Vuex.Store({
  state,
  mutations,
  actions,
  getters
})

main.js文件

import Vue from 'vue'
import App from './App.vue'
import router from './rout