vue-cli中vuex下$store”未在实例上定义

程序媛_MISS_zhang_0110

已于 2024-01-04 17:33:15 修改

阅读量461

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue-cli 文章标签： vue.js javascript ecmascript

于 2023-09-07 15:28:30 首次发布

本文链接：https://blog.csdn.net/MISS_zhang_0110/article/details/132739124

vue-cli 专栏收录该内容

12 篇文章

订阅专栏

文章讨论了在Vue项目中遇到的版本问题，指出Vue3默认使用Vuex4，而Vue2需用Vuex3。作者给出了在Vue中正确引入Vuex并处理localStorage的示例，强调了安装特定版本Vuex以确保兼容性。

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

这里写目录标题

一、版本的问题
二、vuex中的代码

一、版本的问题

vuex版本不对，获取不到store，vue默认vue3版本，vuex默认vuex4版本，vuex4只能在vue3中使用，在vue2中能使用vuex3,那么不能默认下载最新的版本

npm install vuex@3 --save

二、vuex中的代码

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

let defaultToken = ''
try {
    if (JSON.parse(localStorage.getItem('token'))) {
        defaultToken = localStorage.token
    }
    // eslint-disable-next-line no-empty
} catch (e) {}

const store = new Vuex.Store({
    state: {
        token: defaultToken,
        a: 'aaaaaaaaaaaa',
    },
    getters: {},
    mutations: {
        SET_TOKEN(state, data) {
            state.token = data
            localStorage.setItem('token', JSON.stringify(data))
        },
    },
    actions: {},
})
export default store