热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue3安装_Vue3.0正式发布,代号为OnePiece

Vue的作者在微博中写道:没错,经过了两年的研发,Vue3.0正式发布了,代号为OnePiece。原文内容比较多࿰

Vue 的作者在微博中写道:

28707d5caa9c924aa00935875d521768.png

没错,经过了两年的研发, Vue3.0 正式发布了,代号为 One Piece。原文内容比较多,本文主要从我的观点来聊一聊 vue3.0,文末有原文链接。

性能提升

与 vue2 相比,vue3 的包更小(使用 tree-shaking 时可减少 41%),初始渲染速度提升 55%,更新速度提升 133%,内存使用降低 54%。单从性能方面来说,升级 vue3 毫无疑问。

更好地支持 TypeScript

目前大型项目基本都采用 TypeScript ,毋庸置疑,vue3 也采用 TypeScript 编写。Composition API  可以很好地进行类型推断,这为我们写代码提供了不少便捷。同时官方推出了 VSCode 插件 Vetur,目前已支持模板表达式和 props 的类型检查。不仅如此,Vue3 已全面支持 TSX。

如果你的项目已经大面积使用 TypeScript,升级 Vue3 吧!

待完善

Vue3 虽然已经发布,但是框架的一些子项目还没有达到稳定状态,比如 router、vuex 和 devtools。还有第三方组件库,目前很多还没有支持 vue3。目前 Vue3 还不支持 IE11,如果你的项目还在支持 IE11,再给 Vue 团队一些时间,他们将在 2020 Q4 季度来支持 IE11。

如何使用

如果你想使用 vue3,需要使用 npm install vue@next,如果使用 npm install vue 安装的仍然是 vue2.x 版本。在 2020 年末才能够使用 npm install vue安装 vue3.vue 团队还会发布一个 vue2.7 版本,这将是 vue2 的最后一个小版本,主要是为了给升级 vue3 做准备,比如那些 API 已经废弃了,需要给开发者一个提示「哦,我不能用了,请升级 vue3」。2.7 版本预计在 2021-Q1 完成,并维护 18 个月。综上, vue3.0 已经来了,但是一些周边设施仍需不断完善,至于是否升级 vue3,看自己的团队。

https://github.com/vuejs/vue-next/releases

https://zhuanlan.zhihu.com/p/254219538

1db31acde42161c502e31a094e02930b.png

长按关注

素燕《前端小课》

帮助 10W 人入门并进阶前端




推荐阅读
  • 【前端工具】nodejs+npm+vue 安装(windows)
    预备先看看这几个是干嘛的,相互的关系是啥。nodejs是语言,类比到php。npm是个包管理,类比到composer。vue是个框架&# ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 本文介绍了在rhel5.5操作系统下搭建网关+LAMP+postfix+dhcp的步骤和配置方法。通过配置dhcp自动分配ip、实现外网访问公司网站、内网收发邮件、内网上网以及SNAT转换等功能。详细介绍了安装dhcp和配置相关文件的步骤,并提供了相关的命令和配置示例。 ... [详细]
  • WebSocket与Socket.io的理解
    WebSocketprotocol是HTML5一种新的协议。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送 ... [详细]
  • 重入锁(ReentrantLock)学习及实现原理
    本文介绍了重入锁(ReentrantLock)的学习及实现原理。在学习synchronized的基础上,重入锁提供了更多的灵活性和功能。文章详细介绍了重入锁的特性、使用方法和实现原理,并提供了类图和测试代码供读者参考。重入锁支持重入和公平与非公平两种实现方式,通过对比和分析,读者可以更好地理解和应用重入锁。 ... [详细]
  • 开源Keras Faster RCNN模型介绍及代码结构解析
    本文介绍了开源Keras Faster RCNN模型的环境需求和代码结构,包括FasterRCNN源码解析、RPN与classifier定义、data_generators.py文件的功能以及损失计算。同时提供了该模型的开源地址和安装所需的库。 ... [详细]
  • 本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ... [详细]
  • 关键词: ... [详细]
  • Python15行代码实现免费发送手机短信,推送消息「建议收藏」
    Python15行代码实现免费发 ... [详细]
  • 1、etcnginxconf.ddefault.conf,添加如下信息:location{try_files$uri$urirouter;rootho ... [详细]
  • 必须先赞下国人npm库作品:node-images(https:github.comzhangyuanweinode-images),封装了跨平台的C++逻辑,形成nodejsAP ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • 1.移除consol.log()的babel插件安装:npmibabel-plugin-transform-remove-console-D配置:babel.config.js:这 ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
author-avatar
子幽
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有