vue2项目升级依赖

最新推荐文章于 2024-08-24 08:11:11 发布
最新推荐文章于 2024-08-24 08:11:11 发布
阅读量5.4k 收藏 4
点赞数 1
文章标签： vue.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43413883/article/details/123158570
版权
本文介绍了Vue2项目依赖升级的过程，包括使用npm-check检查并更新依赖，遇到的如eslint-plugin-import等模块找不到的问题，stylus-loader降级以及解决eslint格式错误的方法。特别强调即使使用cdn引入Vue，也需要npm安装Vue，以确保vue-loader的正确配置。
摘要由CSDN通过智能技术生成

基础信息

当前依赖项 依赖版本
vue-cli，vue-cli-service 3.9.2
webpack 4.0

查看vue-cli项目webpack配置：vue inspect > webpack.config.js

升级方式

全局安装npm-check
npm install -g npm-check
使用 npm-check 命令检查需要更新的依赖，如下图所示
image.png
使用 npm-check -u 命令更新依赖，如下图所示
image.png

包名 当前版本 升级后版本
@vue/cli-plugin-babel 3.12.1 4.5.12
@vue/cli-plugin-eslint 3.12.1<
最低0.47元/天 解锁文章
问丶心
关注
Vue 源码解析（二）：依赖更新（Watcher对象，nextTick和更新队列）
Czuaphe的博客
05-25 859
第一篇，新建watcher对象时运行的getter函数，会调用data属性的get修饰器从而触发dep.depend()函数，完成了watcher与dep依赖的收集。让watcher和data建立了联系。那么这一次，让我们看一下依赖收集完成之后，是如何完成依赖更新的。 让我们从还是在initData() 方法里面的defineReactive()方法再次开始吧！ export function defineReactive (obj: Object, key: string, val: any, custo
vue项目 升级依赖包
weixin_39964419的博客
09-15 9252
vue 升级依赖包的方法
ESLint Plugin Import 指南
最新发布
gitblog_00415的博客
08-24 717
ESLint Plugin Import 指南 eslint-plugin-importESLint plugin with rules that help validate proper imports.项目地址:https://gitcode.com/gh_mirrors/es/eslint-plugin-import 项目介绍 ESLint Plugin Import 是一个针对 Jav...
Vue - npm 批量升级依赖包
iotjin的专栏
12-23 9078
无
Vue2.x 源码 - computed 和 watch 的依赖收集和更新
weixin_43299180的博客
12-09 2486
上一篇：Vue2.x 源码 - 响应式原理 Vue 的组件对象支持计算属性 computed 和侦听属性 watch，上一篇只是统一的分析了整个响应式的过程，这一篇针对这个两个属性来详细说明一下； 文章目录computedwatch区别 computed 计算属性的初始化是发⽣在 Vue 实例初始化阶段的 initState 函数中，执⾏了 if (opts.computed) initComputed(vm, opts.computed) ，初始化的过程可以参考：Vue2.x 源码 - 初始化：ini.
Vue依赖更新原理分析
lznism666的博客
09-16 508
依赖更新分为两步 修改属性值 通知之前收集到的依赖，进行更新 dep主要用来存储依赖 var Dep = function() { this.subs = []; } Dep.prototype.notify = function() { var subs = this.subs.slice(); for (var i = 0; i < subs.length; i++) { // 遍历依赖存储器，然后一个个调用`watcher.update`
vue2项目升级vue3项目所遇到的问题及解决办法
qq_57558631的博客
05-16 4812
第一次 1.v-model => v-model:value 2.生命周期：beforeDestroy => beforeUnmount destroyed => unmounted 3.事件API :this.$emit('') => $emit(this,'') 子组件触发事件写入选项中 4.() => import('') 转化 Vue.defineAsyncComponent(() => import('')) 5.插槽solt-sc
vue2升级到vue3
qq_36567538的博客
03-12 1645
存在的问题拓扑图多选框用到vue-dompurify-html，拖选时无法渲染框框感觉是vue-dompurify-html无法同步更新传入属性内容，还是为最初值拓扑图配置属性中的名称高度输入框设置后无法真正修改高度，高度其实是根据内容自动调整的，建议改为不可用。
Vue CLI2升级至Vue CLI3的方法步骤
10-16
本知识点将详细介绍Vue CLI2升级至Vue CLI3的方法步骤，并涵盖升级过程中需要注意的一些关键点。 首先，需要指出的是，在进行Vue CLI2升级至Vue CLI3之前，必须先确保本地Node.js的版本至少为8.9。这是因为Vue CLI3...
Vue如何实现依赖收集和视图更新
codedadi的博客
07-02 672
当数据发生变化时，通过Dep类的notify()方法通知所有依赖的Watcher执行更新操作，进而触发组件的重新渲染或计算属性的更新。当组件需要更新时，Vue会生成新的虚拟DOM树，并使用Diff算法与旧的虚拟DOM树进行比较，找出最小的变化并应用到真实DOM上。观察者（Watcher）是依赖收集的核心机制，负责建立组件与响应式数据之间的依赖关系，并在依赖发生变化时触发相应的更新。update()方法通常会执行组件的重新渲染逻辑，或者更新计算属性的值等，以反映数据的最新状态。
vue-admin依赖包
03-26
该文件是vue-admin的依赖包，可以直接下载然后不需要安装运行
在vue项目中升级更新element ui版本.docx
07-11
如何在已有的项目上更新老项目的插件，不少刚入门的人一头雾水，本文档提供三步式解决方案，一看就懂。
vue页面刷新及依赖的注入
xy19950125的博客
06-14 703
在做项目的时候 会让页面重新刷新 通常采用的方法有window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，用户体验不好 所以要用到 provide / inject组合来解决用户体验及页面刷新 同时 也可以解决组件间多次调用问题 作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。 父组件...
（npm）项目中更新所有依赖，项目中更新指定依赖，更新某个依赖到最新/某个版本
熟悉JS拼写的FE
09-16 7657
（npm）vue项目中更新所有依赖，项目中更新指定依赖，更新某个依赖到最新/某个版本 前言：项目依赖有时会需要更新，可能需要全部更新，也可能局部更新，话不多说，上方法，本人亲测有效 1. 第一种，在项目中更新所有依赖 npm install -g npm-check-updates 这一步如果报错的话，像这样 第一步下载不成功，用管理员身份打开PowerShell再次执行npm install -g npm-check-updates，直到成功进行第二步 接下来在当前项目中的继
启动vue2旧项目，安装启动报错
fymsnow的专栏
09-15 235
这个现在名称已更换为@toast-ui/editor，所以报错，解决方法：1、在package.json中删掉"tui-editor": "1.3.3",先安装其他依赖2、全局搜索tui-editor，在搜索到的index.vue（src/components/MarkdownEditor/）下，整个import替换/*tui-editor 1.33 已升级 @toast-ui/editor*/
Vue2升级到Vue3应该知道的事
Dax1_的博客
09-17 2765
Vue2升级到Vue3应该知道的事
Vue项目启动出现的问题及解决方法
Daisy_ls的博客
10-09 7793
Please make sure you have the correct access rights---------------------请确保您有正确的访问权限。and the repository exists.--------------------并且存储库已经存在。An unknown git error occurred---------------发生未知的git错误。code 128 -----------错误码128。
npm 更新VUE package.json文件中依赖的包版本
03-07 5028
1.安装npm install -g npm-check-updates 可能会出现以下错误： npm ERR! syscall mkdir npm ERR! path D:\node\node_global\node_modules\npm-check-updates npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, mkdir 'D:\node\node_global\node_modules\npm-..
vue2项目升级成vue3
02-01
Vue.js是一种流行的JavaScript框架，用于构建用户界面。升级Vue 2项目到Vue 3可以带来许多新特性和改进。下面是一些升级Vue 2项目到Vue 3的步骤和注意事项： 1. 更新Vue CLI：确保你的Vue CLI版本是最新的，可以使用以下命令进行更新： ``` npm install -g @vue/cli ``` 2. 创建新的Vue 3项目：使用Vue CLI创建一个新的Vue 3项目，可以使用以下命令： ``` vue create my-project ``` 3. 迁移代码：将Vue 2项目中的代码逐步迁移到Vue 3项目中。在迁移过程中，需要注意以下几点： - Vue 3中的Composition API：Vue 3引入了Composition API，它提供了一种新的组织组件逻辑的方式。可以将Vue 2中的选项API逐渐迁移到Composition API。 - Vue Router和Vuex：如果你在Vue 2项目中使用了Vue Router和Vuex，需要确保它们的版本与Vue 3兼容。可以查阅它们的官方文档来获取升级指南。 - 第三方库和插件：检查你在Vue 2项目中使用的第三方库和插件是否与Vue 3兼容。有些库可能需要更新到最新版本或者寻找替代方案。 4. 测试和调试：在迁移完成后，进行测试和调试以确保项目正常运行。可以使用Vue Devtools等工具来辅助调试。 5. 更新文档和依赖：更新项目的文档和依赖，确保它们与Vue 3的相关版本一致。 6. 逐步发布：如果你的项目是一个大型项目，可以考虑逐步发布。先将一部分功能迁移到Vue 3，进行测试和验证，然后再逐步迁移其他部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

问丶心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值