vuex版本和vue版本不兼容，导致数据无法挂载问题

原创已于 2022-12-04 15:03:29 修改 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

于 2022-12-04 15:00:20 首次发布

本文介绍了解决Vue2项目中使用Vuex4.x出现的兼容性问题的方法。通过卸载Vuex4.x并安装Vuex3.x，重启项目后问题得以解决。

报错信息

此时我们用到是vue2,vuex版本是4.x

发现vuex中的数据就是挂载不上，

我们将vuex4卸载

npm uninstall vuex

有时候我们可能出现卸载不了的情况

可以输入，cnpm uninstall vuex --force,就可以卸载了

安装vuex3.x

cnpm i vuex@3 -s

因为vuex是一个插件，我们可能安装vuex3之后任然有报错，这时我们将项目重新启动一下就可以了

总结，当我们使用vue2的时候，使用vuex3.xx

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YOUSEEYA

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue循环组件不加载-及-异步挂载组件在服务器上无法build的问题

qq_43441677的博客

09-14

999

一、Vue循环组件不加载问题因业务需求（多级列表之类的组件），有些组件需要循环调用；实际场景例如：A组件挂载B，B组件挂载C，C组件挂载A；这时，C组件挂载的A如果用下面这种普通挂载方式，是不会挂载成功的。 import A from "./A"; 。。省略。。。。。 components: {A}, 那么就需要把A、B、C组件进行异步挂载；挂载方式如下： //import A from "./A";#这里的import不需要了。。省略。。。。。 components

Vue笔记十：Vuex状态管理

weixin_45844109的博客

06-23

607

Vuex是状态管理，这里的状态可以看成是Vue中的属性，和其他属性相比，所有组件都可以引用Vuex里面的属性，就是常说的数据共享。 Vuex相当于一个仓库，所有的组件都可以到仓库存取东西。第一步安装，打开终端，输入指令第二步引用Vuex，打开main.js，在main.js中引入Vuex，代码如下：第三步在src目录下新建store文件夹，并在文件夹中新建index.js文件...

参与评论您还未登录，请先登录后发表或查看评论

vuex 测试版本

02-26

测试vuex性能集合,结合mint-ui实现三级联动以及swipe轮播

Vuex挂载到原型链失败

weixin_47925230的博客

08-22

213

Vuex挂载到原型链失败解决方案

数据隐藏

zhoumouren88的博客

09-15

297

将txt文件藏入jpg文件首先新建一个txt文本文档，写入内容并保存，再准备一张图片。然后将这个文本文档进行压缩。接着打开win+r打开运行，再打开cmd窗口，进入图片和压缩文件所在的目录。使用copy /b 2.jpg+1.rar 3.jpg命令，将1.rar隐藏到2.jpg中，生成3.jpg图片。可以看到刚刚生成了一个3.jpg，右击属性将3.jpg与原图2.jpg进行比较。可以看到大小不一样。接着将藏在图片中的文件提取出来，先将3.jpg改成3.rar，然后打开3.rar，就可以...

vuex四版本-vue3适用

weixin_68658847的博客

04-10

1345

vuex四版本-vue3适用

【Uni-App】Vuex在vue3版本中的使用与持久化

RisunJan的博客

01-26

4104

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据）简而言之就是用来存数据，可以有效减少使用组件传参困扰的头痛。

Vue 2 单页应用示例 (vuex + vue-router).zip

12-01

vuex是Vue.js的状态管理库和模式，它是专门设计来解决复杂单页应用中组件状态共享的问题。在大型应用中，组件间共享的数据状态需要一个集中式的管理方式，vuex提供了这样一个中心化存储，便于状态的管理和维护。本...

Vue 3 组件通信系列（五）使用 Pinia 替代 Vuex，集中管理组件状态

一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。

07-17

1421

本文介绍了Vue 3中使用Pinia替代Vuex进行集中状态管理的优势和实践方法。文章首先分析了集中状态管理的必要性，包括解决多组件共享数据冗余、状态持久化、统一控制等问题。随后详细对比了Pinia与Vuex的区别，指出Pinia具有更简洁的API、更好的TypeScript支持、更小的体积等优势。最后提供了Pinia的具体使用指南，包括安装配置、创建Store模块以及在组件中调用的方法。通过代码示例展示了Pinia如何简化状态管理逻辑，实现更优雅的组件通信方案。

vuex和pinia转态管理工具介绍

Smile_666666的博客

04-22

717

相同点：都是Vue.js的状态管理工具区别PiniaVuex支持Vue2和Vue3都支持Vue3写法需要额外配置Mutation只有 state, getter 和 action，无Mutationaction异步、Mutation 同步actionaction支持同步和异步action异步、Mutation 同步Typescript良好的Typescript支持需要额外的配置模块嵌套不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化需要。

vue和vuex版本不兼容！npm下载任何依赖报错，ERESOLVE could not resolve

weixin_54495706的博客

04-18

2098

vue和vuex版本不兼容！npm下载任何依赖报错，ERESOLVE could not resolve 方案一：加--force,例如： npm i axios -S --force。方案二：查看报错信息，是vue和vuex版本不兼容，给vuex降个版本试试~原来vuex：4.0.2；降级后：3.6.2。

vuex的store挂载失败

m0_67180694的博客

03-20

304

vuex的store挂载失败

vue3在调用接口后，数据挂载不到页面上（排查思路）

wangzhen12138的博客

05-20

2330

如果你在使用 Vue 3 时发现调用接口后数据无法挂载到页面上，可能有几个原因。如果经过上述步骤仍然无法解决问题，建议提供更详细的代码和描述，以便更好地帮助你诊断问题。

vue vuex 挂载_vue.js,javascript_Vuex的初始化失败，一直显示没有挂载到根组件上，奇怪了！，vue.js,javascript - phpStudy...

weixin_39616880的博客

12-19

304

Vuex的初始化失败，一直显示没有挂载到根组件上，奇怪了！代码如下import 'babel-polyfill'import Vue from 'vue'import VueRouter from 'vue-router'import store from './vuex/store'import http from 'vue-resource'import App from './App.vue...

Vue.js 中 Vue 实例未正确挂载的问题及解决方法

有我更精彩的博客

07-04

1119

在 Vue.js 开发中，Vue 实例未正确挂载是一个常见的问题。通过确保挂载点正确指定、确保挂载点在 DOM 中存在、避免挂载点被覆盖以及避免在挂载后修改挂载点，可以有效解决这些问题。希望本文的介绍能帮助最后问候亲爱的朋友们，并邀请你们阅读我的全新著作📚《Vue.js 3企业级项目开发实战（微课视频版》

vue实例没有挂载到html上,Vue 实例挂载的实现

weixin_35417122的博客

06-19

667

new Vue 发生了什么new 关键字在 Javascript 语言中代表实例化是一个对象，而 Vue 实际上是一个类，类在 Javascript 中是用 Function 来实现的源码实现，在src/core/instance/index.js 中function Vue (options) {if (process.env.NODE_ENV !== 'production' &&am...

vue实例没有挂载到html上,vue 源码学习 - 实例挂载

weixin_34107887的博客

06-19

603

前言在学习vue源码之前需要先了解源码目录设计(了解各个模块的功能)丶Flow语法。src├── compiler # 把模板解析成 ast 语法树，ast 语法树优化，代码生成等功能。├── core # 核心代码 Vue.js 的灵魂├── platforms # 不同平台的支持 web 和 weex├── server # 服务端渲染这部分代码是跑在服务端...

在Vue项目中使用Vuex

_Previous的博客

04-15

6697

在Vue项目中使用Vuex 什么是Vuex “Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。” 那什么是状态呢？以我的理解就是在vue组件的data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。所以Vuex可以这么理解：集中管理所有...

VueX

qq_65345936的博客

09-15

930

1、加载以来 npm install vuex -s下载Vuex最新版本的依赖。3、将vuex对应的index.js文件挂载到main.js的Vue实例中。2、导入vuex的核心4个组件，然后通过index.js加载进来。在Package.js里会出现所下载Vuex版本。上下文参数，注意，这个参数可不一般，它与。Vuex版本问题及store.js的使用。版本的，版本不同的话效果出不来）4、测试Vuex的存储变量的功能。Vuex中的存值、取值获取变量值。四、Vuex中的异步同步操作。可以包含任意异步操作。

vue3 onMounted获取不到vuex里面的数据