Vue2.0升级到3.0或4.0和创建Vue3.0

最新推荐文章于 2024-08-22 09:51:05 发布
置顶 最新推荐文章于 2024-08-22 09:51:05 发布
阅读量1.8k 收藏 2
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46064172/article/details/107301152
版权
本文介绍了如何从Vue2.0升级到Vue3.0或4.0，并详细讲解了使用Vue CLI创建Vue3.0项目的过程，包括手动选择配置项，如Babel、Router、Vuex和CSS等。
摘要由CSDN通过智能技术生成

Vue 2.0升级3.0和4.0

  • 首先用npm uninstall vue-cli -g来卸载Vue2.0
  • 再用npm install -g @vue/cli来下载Vue3.0或4.0

Vue3.0创建

1、 vue create 项目的名字
2、 按 ↓ 选择“Manually select features”，再按 Enter
  • default是默认配置
  • Manually select features是手动配置
3、 选择你需要的配置项
  • 通过↑ ↓ 箭头选择你要配置的项，按 空格 是选中，按 a 是全选，按 i 是反选。具体每个配置项表示什么意思在下面会有说明
  • 里面有个Linter/Formatter这个是控制代码格式（选上是严谨）一般都不选
  • 里面可以选择
最低0.47元/天 解锁文章
清风中的一朵云
关注
Vue3.0+vuex4.0和Vue2.0+vuex的对比
weixin_43267086的博客
07-30 2324
3.0vuex4.0.0-alpha.1 2.0 vuex4.x为了保持和vue3创建方式一致，所以建议使用createStore创建，而且不需要单独再引入vue 更详细的分析打开下面的链接 参考链接：https://blog.csdn.net/weixin_45517927/article/details/115490784 ...
vue 升级3 +vite+antdv4
qq_38552198的博客
07-16 2565
相关目录文件，注意：vue-cli生成index.html在public下要改为根目录。根据项目已有插件进行升级，注意app创建实例已修改,以下为参考。index.html ，全局main.js引入。vuex-persistedstate或。升级pakage.json相关安装包。升级nodejs15版本及以上。删除vue-cli相关，修改。六、状态管理VUEX。
Vue 2 项目升级到 Vue 3 操作手册
最新发布
qq_42072014的博客
08-22 1528
通过本文的学习，你应该已经掌握了将 Vue 2 项目逐步升级到 Vue 3 的步骤。Vue 3 带来了许多新特性和性能改进，值得进行升级。如果你有任何疑问或需要进一步的帮助，请随时提问！
vue2项目升级到vue3总结
Yr123456_的博客
05-15 2309
为了更快更准确的将vue2项目升级至vue3，因此在本次的升级中代码结构保持不变，后续新写的页面再可以采用组合式API的写法。（1）全局搜索 slot-scope="scope" 直接全局替换 成 #default="scope"9、分页组件中的current-page.sync，修改为 v-model:current-page。elsub-menu 改成 el-sub-menu，包括样式里classname中的。5、el-dialog、el-drawer修改。三、修改配置文件及vue全局api。
从vue2.0更新到vue3.0
m0_62226095的博客
02-16 3613
vue3.0重构后台管理系统 从2.0更新到3.0
Vue2.0项目工程升级3.0
success400的博客
07-16 1万+
建议读者先通过通过官网先了解一下链接: Vue CLI3.0 下面就简单分享一下我的升级过程因为我构建项目都是基于3.0的，所以对于2.0的用户可以先升级一下脚手架工具 已经装了2.0的话就需要先卸载 npm uninstall vue-cli -g 或 yarn global remove vue-cli 安装新版本脚手架 npm install -g @vue/cli 或 yarn global add @vue/cli 然后创建一个新的项目工程，如果没有创建过3.0项目工程建议先阅读一下这
vue 2.0 升级到vue 3.0，以及回滚
weixin_44159171的博客
08-03 1006
vue的升级，需要先卸载旧版本的vue，然后才能够升级到新版本。 卸载旧版本 npm uninstall -g vue-cli 安装最新版本 npm install -g @vue/cli
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Vue2.0和3.0区别(总结版，不断更新)
热门推荐
Lemontree_fu的博客
05-22 3万+
一 安装及版本切换 查看当前版本，如果是2开头说明当前使用的是vue-cli2，3开头的话就是vue-cli4 vue --version 如果无法识别vue命令说明没有安装vue-cli，使用以下说明进行安装 安装3.0版本: npm install -g vue-cli 安装3.0版本： npm install -g @vue/cli 版本切换，即卸载当前版本，安装另外的版本 从2.0升级到3.0： npm uninstall -g vue-cli npm install
vue3-element-admin::party_popper: 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin
08-04
:party_popper: 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 是一个后台前端解决方案，它基于 和 实现。使用了最新的前端技术栈 ，提供最基础的框架模型，可以帮助你...
基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
10-15
总之，"基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板"是一个结合了前沿技术的项目，它集成了前端开发的最佳实践，为开发者提供了一个高效、稳定且美观的开发起点。通过深入理解和运用这些技术...
【Vue】笔记二：Vue详解以及从Vue2.0到Vue3.0的技术栈梳理及操作步骤
weixin_55846296的博客
05-29 2512
Vue是一个流行的JavaScript框架，用于构建用户界面和单页面应用程序（SPA）。Vue的特点是易于学习、易于使用，同时简化了DOM操纵和数据管理的复杂性。综上，Vue2和Vue3都是优秀的JavaScript框架，各有其独特的特点和优势，开发者需要根据具体需求来选择使用。同时，Vue3相对于Vue2具有更高的性能和更丰富的功能特性，建议开发者在新项目中直接选择使用Vue3。
vue2.0改成vue3.0需要做什么
weixin_41978174的博客
07-17 629
将Vue 2.0项目升级到Vue 3.0是一个涉及多个方面的过程，包括代码重构、依赖更新、配置调整等。
vue2.0升级vue3.0报错
qq_45272329的博客
08-01 928
vue2.0升级vue3.0报错 报错误[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-in...
Vue-Router4和3对比
weixin_58334531的博客
08-03 2134
router4,在集成路由vue-router的时候遇到了问题。
【vue】使用vue-cli3.0/4.0搭建的项目如何区分环境
hello world_
11-30 1万+
前言 上一篇博客，我说了，最近公司是空闲期。基本都是处于浑水摸鱼阶段了，每天打卡上班，打卡下班 但是我是属于那种有点闲不住的人，总想搞点东西玩玩 所以我把公司的项目往 vue-cli4.0 进行了迁移（我原本真的只想迁移到 3.0） 可以参考vue-cli4.0快速搭建一个项目 迁移的过程可以说还算顺利，也没遇到什么麻烦，就是一些插件版本的升级问题 最近，有人私信问到了我关于 vue...
升级vue-cli3（爬坑记录）
杨阳洋的博客
11-29 502
emmm,突然想升级下vue的版本，然后要升级node和npm，在此做下笔记 1、升级vue首先查看版本号，然后要把旧的版本卸载掉，重新安装新的版本 # 查看版本号 vue --version # OR vue -V # 卸载（1.x 或 2.x） npm uninstall vue-cli -g # OR vue-cli是 (1.x 或 2.x) yarn global remo...
vue2.6+ant-design-vue1.7.3 升级 Vue3.0.11 + antd-vue2.1.2
wangxu4980347的博客
05-14 6857
起因： 最近要搭建一个项目，由于之前在极客时间买过唐金州老师的课，所以技术选型为vue+antdv,但是课程 中用的版本为vue2.x + antv1.x版本，所以想搞下升级 踩了一些坑,记录一下哈哈 网上搜出很多vue2升3，实际上升级的是vueCLI版本， 过程： 首先第一步肯定是npm uninstall ant-design-vue,然后npm install ant-design-vue@next（装最新版），并期待好用（笑），但是那是不可能的。。。 发现报了一个peer的错，具体的
Vue 2.0与Vue 3.0入门：实例创建与模板解析
Vue2.0与Vue3.0是JavaScript框架Vue.js的两个主要版本，它们在核心理念和语法上有着显著的差异，但也共享了基础概念。本文档将概述这两个版本的主要特点以及它们在实际开发中的应用。 ### 1. Vue实例与配置 要让Vue...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值