说一说实战项目升级从vue2到vue3 之main.js 区别

本文作者分享了亲身经历的vue2项目升级到vue3的过程,指出主要涉及vue-cli、vue-router和vuex的版本升级。作者强调,尽管存在一些变化,但整体配置和vue2相似,包括config和webpack配置的兼容性。对于新手,从vue2到vue3的升级并不复杂,遇到问题通常能找到解决方案。文章以两个实际项目为例,展示了vue3的新写法。

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

相信很多人都对尤大口中的vue3蠢蠢欲动许久了,但是很多人就是一头雾水没法下手,不知道改怎么搞,或者怕项目升级报错什么的。

我自己的成功的把项目进行升级了,所以想简单记录一下。

简而言之首先就是版本嘛

vue3 vue-cli 4.x.x vue-router 4.x.x vuex 4.x.x

在这里插入图片描述
总体来说vue3的相关配置什么的和vue2没啥区别 就升级一下版本几乎就兼容vue3了,包括config的配置、webpack配置等等。

其实很多人最主要的是想知道项目怎么入手,架子一般搭建不会出现啥问题,vue2升级之后相应的版本升级就可以直接用了,不用太过于担心,有什么问题也有答案,关于架子,后续有时间单独写一篇。

此片作为例子的是两个项目

vue2 "vue": "^2.6.11","vue-router": "^3.2.0","vuex": "^3.6.2"
vue3 "vue": "^3.0.0","vue-router": "^4.0.0-0","vuex": "^4.0.0-0"

关于main.js


vue2 写法:

import 'ant-design-vue/dist/antd.less'</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

左撇子没秃头

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

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

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

打赏作者

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

抵扣说明:

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

余额充值