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

已于 2022-12-04 15:03:29 修改
阅读量1k 收藏 1
点赞数 1
文章标签： 前端 javascript vue.js
于 2022-12-04 15:00:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YOUSEEYA/article/details/128172452
版权

报错信息

a35db3259d7a4a90ab6a747264e51ec9.png

 856d81f9f18546b991d0c1f4f211252d.png

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

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

我们将vuex4卸载

npm uninstall vuex

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

c8e603f01f9c478ea9e996494f101af3.png

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

安装vuex3.x

cnpm i vuex@3 -s

b2b42339f9ad44f9b3e25661589d97db.png

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

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

 

YOUSEEYA
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vuex详解
weixin_42464106的博客
11-10 1484
state 存放数据，类似于vue的data getters 存放数据，类似于vue的computed mutations 定义操作state数据的方法，commit mutations actions 进行异步操作，异步执行mutations的方法，dispatch actions module 将store分割成多个模块，每个模块都有自己的state、mutaion、action和getter..... 辅助函数：mapState、mapGetters、mapMutation
VUE--VUEX
sinat_34896766的博客
01-25 2151
Vuex就是一个vue的状态（数据）管理工具，是vue项目实现大范围数据共享的技术方案。能够方便、高效的实现组件之间的数据共享。Vuex的好处（1）数据的存储一步到位，不需要层层传递（2）数据的流动十分清晰（3）存储在Vuex中的数据都是响应式的（数据更新后，使用数据的组件也会自动更新）适合存储到Vuex中的数据----需要共享的数据频繁、大范围的数据共享。（1）某个状态在很多个组件中使用（2）多个组件共同维护一份数据},},})// mutations里面放同步方法},},
Vue 报错error:0308010C:digital envelope routines::unsupported
热门推荐
柠檬果子青的博客
10-05 34万+
Vue 报错error:0308010C 处理
Vue2（十二）：Vuex环境搭建、Vuex工作原理、Vuex开发者工具、几个配置项、多组件共享数据、Vuex模块化
最新发布
Hdhhdhbsjxbdhvyg的博客
03-30 1222
你写的函数在Actions（数据类型是Object）就会有一个函数跟它对应，然后你自己再去调用commit函数（提交），到了mutations（数据类型也是Object），commit里的jia，mutations也会有一个jia跟它对应，同时它还会拿到两个参数：state状态和2。mutate不用你调用，只需要在mutations里的jia写一句state.sum+=2，底层自动加2，sum就不是0是2了，然后Vuex帮你开始渲染render，页面上的sum就变化了。
vue版本与vuex版本之间的对应关系
weixin_47389477的博客
09-05 1129
vue细节的处理
vue 配置的vuex版本选择
琳琳的博客
05-08 2868
正常使用的顺序 假设,我们有两个页面: "页面1" 和"页面2" , 共同使用一个变量: counter. 页面1对 "counter" + 1 后, 页面2的值也会发生变化. 1.修改package.json: "dependencies": { "vuex": "^2.3.1" }, 如果不确定你的 vuex 用什么版本,就先手动安装一下: $ npm install vuex --verbose 然后看安装过来的版本号就可以了. 如果以上命令都无法安装，那么进行搜
vue实现将数据存入vuex中以及从vuex中取出数据
12-13
* 存放 ** 数据 * **/ // initial state const state = { all: { ID:'', BrandID:'' } } // getters const getters = {} // actions const actions = {} // mutations const mutations = { setPrint...
解决vue2.x中数据渲染以及vuex缓存的问题
08-30
在 Vue2.x 中，数据渲染和 Vuex 缓存是两个常见的问题。本文将介绍如何解决这些问题，并提供相关的解决方案。 vue 中数据渲染的问题 在 vue 中，当我们请求数据时，数据还没有返回，用户会先看到静态的内容，这种...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
12-09
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 低版本...
VUE3----Vuex 4.x 基础版本
王延朕的博客
04-12 309
main.js import { createApp } from 'vue' import App from './App.vue' import store from "@/store"; const app=createApp(App) app.use(store) app.mount('#app') store/index.js // 引入Vuex import {createStore} from 'vuex' // 准备state---用于存储数据 const state={ sc
【Vue】Vue不同版本的基本使用
早睡早起长头发的博客
02-02 1082
vue2.x 中绝大多数的 API 与特性，在 vue3.x 中同样支持。2.多个容器不能对应一个实例，实例只会找到第一个对应的容器；一个容器不能对应多个实例，只有第一个实例能找到对应的容器。所以，容器和实例只能。的功能例如：组合式 API、多根节点组件、更好的 TypeScript 支持等。的旧功能如下：过滤器、不再支持 $on，$off 和 $once 实例方法等。1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象。vue cli(vue脚手架)、vite(新一代的架构工具)。
Vue3-集成Vuex4.0版本
我是一只小小鸟，想要飞呀飞的更高。
01-27 1457
Vue3集成Vuex
vue的卸载和安装
qq_48957847的博客
01-27 4138
安装卸载vue3.0 可以使用命令 vue -V 看到vue-cli脚手架的版本号 在项目中的package.json文件夹 找"dependencies" 可以查看自己装的vue的版本 npm 安装3.0 和 卸载3.0 npm install -g @vue/cli npm uninstall -g @vue/cli yarn 安装3.0 和 卸载 3.0 yarn global add @vue/cli yarn global remove @vue/cli 安装卸载vue2.0 npm 安装vu
当数据变化时（添加，修改，删除），使用vuex实现页面刷新
蜡笔love小新的博客
10-19 8618
项目情景如图：  1.这是一个普通的查询页面，数据显示在表格中，点击查询，根据选项进行匹配查询。 2.点击添加、修改、删除操作，成功后会返回查询页面，并刷新查询结果。 使用vuex进行刷新操作： 1.新建vuex文件，   vuex.js const busness = { state: { updateTableList: false }, ...
在Vue项目中使用Vuex
_Previous的博客
04-15 6607
在Vue项目中使用Vuex 什么是Vuex “Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。” 那什么是状态呢？以我的理解就是在vue组件的data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。所以Vuex可以这么理解：集中管理所有...
vuex版本安装太高或者太低
gmf7471的博客
05-05 1016
1.卸载vuex npm uninstall vuex 2.如果删除不了 试试 cnpm uninstall vuex 3.重新安装指定版本的vuex 使用npm install vuex@3.6.2 --save 命令
Vue —— 安装及卸载依赖
月来better
04-01 5040
安装vuedraggable依赖： npm i vuedraggable 卸载vuedraggable依赖： npm uninstall vuedraggable
vuex清掉数据_如何重置/擦除vuex存储数据？
weixin_35578381的博客
12-23 3597
在我/src/store/文件夹我有actions.js，index.js，mutations.js和state.js它包含以下信息如何重置/擦除vuex存储数据？actions.jsexport default {}index.jsimport Vue from 'vue'import Vuex from 'vuex'import state from './state'import actio...
（vue学习笔记）vuex安装中版本不兼容问题
weixin_62728130的博客
07-26 1810
vuex安装时不兼容报错的解决途径之一
vue2使用的路由版本和vue3使用的vuex版本
05-13
Vue2 使用的路由版本是 Vue Router，而 Vue3 也是使用 Vue Router。只不过在 Vue3 中，Vue Router 进行了一些更新和优化。 Vue2 使用的状态管理库是 Vuex，而 Vue3 也是使用 Vuex。但是在 Vue3 中，Vuex 也进行了一些更新和优化。例如，Vuex4 支持 TypeScript，以及在性能和响应式方面进行了改进。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值