Vue正在彻底检查中,Vue 3.0已进入发布候选阶段!

这已经持续了近两年,并且终于,Vue 3核心API的实现现在稳定了。令人兴奋的原因有很多。

Vue 3有比Vue 2具有更高的性能。尽管进行了完全重写,但用法并没有发生太大变化,因此无需忘记您对Vue已有的了解。

Vue文档已完全迁移修订。有几个新功能(例如Composition API(受React Hooks启发))并有助于在多个组件之间进行复用。

以下是获取Vue 3的方法:

1、在CodePen上使用它:https://codepen.io/team/Vue/pen/KKpRVp

2、或使用将该脚本连接:https://unpkg.com/vue@next

3、开始使用 Vite 创建项目:

$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev

vite 在开发的时候没有打包的过程,ES 模块源码直接传输给浏览器,浏览器使用自带的 <script module> 进行解析支持,通过 HTTP 请求进行每次 import,开发服务器拦截请求和对需要转换的代码进行转换。例如:*.vue 文件会在发回浏览器之前进行编译

这样操作有许多优势:

开发服务器启动后不需要进行打包操作,启动会变得非常迅速 代码在需要的时候进行编译,所以只有代码真正在屏幕上展现的时候才进行编译。开始开发的时候再也不需要等待整个应用编译完成,这对大型应用是一个巨大的改变 热模块替换的性能和模块的数量之间的关系解耦,热模块替换变得非常快 导入本地 ES 模块可能会引发深层的导入链路,整个页面重新加载会比依赖打包的开发服务器略慢。然而这是一个本地开发服务器,这部分增加的时间和实际编译的时间相比应该非常小(编译的文件会被缓存在内存中)

vite 的编译本质上还是的 Node.js 中进行,从技术上讲它可以支持打包工具能支持的各种代码转换,没有什么可以阻止你将代码包用于生产,实际上,vite 提供了vite build的脚本用于这个操作,因此不会在生产环境中遭遇到网络流爆炸的问题

文档更新(现在处于Beta版):https://v3.vuejs.org/guide/installation.html#release-notes,一个迁移指南,以帮助您版本之间切换,全新的讲解辅助功能部分,深入了解Composition API。

Vue 3.0已进入发布候选阶段!相关推荐

  1. vue 3.0 正式版_Vuejs 3 Release:One Piece. Vuejs 3.0 正式版发布!代号:海贼王

    Vuejs 3.0 在北京时间2020年9月19日凌晨,终于发布了 3.0 版本,代号:One Piece.此次vue3.0 为用户提供了全新的 composition-api 以及更小的包大小,和更 ...

  2. jsx怎么往js里传参数_实践Vue 3.0做JSX(TSX)风格的组件开发

    作者:莫夭 转发链接:https://zhuanlan.zhihu.com/p/102668383 前言 我日常工作都是使用React来做开发,但是我对React一直不是很满意,特别是在推出React ...

  3. 【Vue 2.0】用Vue写一个自己的简历网站带作品集

    实战项目名称:个人简历 技术栈:Vue 2.0 已实现功能:作品分类,作品展示 项目git地址:请点击访问 项目线上测试地址:请点击访问 文章目录 一.效果展示 二.项目关键代码 1. 监听页面滚动 ...

  4. Vue 3.0 到底好在哪里?(尤雨溪点赞文)

    前言 这几天 Vue 3.0 Beta 版本发布了,本以为是皆大欢喜的一件事情,但是论坛里还是看到了很多反对的声音.主流的反对论点大概有如下几点: 意大利面代码结构吐槽: "太失望了.杂七杂 ...

  5. Vue 3.0 这个迷人的小妖精,到底好在哪里?

    前言 这几天 Vue 3.0 Beta 版本发布了,本以为是皆大欢喜的一件事情,但是论坛里还是看到了很多反对的声音.主流的反对论点大概有如下几点: 意大利面代码结构吐槽: "太失望了.杂七杂 ...

  6. 扶我起来,Vue 3.0终于来了!

    十一各大旅游景点热闹非凡,我们的IT界也同样迎来了爆炸热点.没错,雨溪大神来了,他带着Vue 3.0 源码来了.(ps: 源码地址: https://github.com/vuejs/vue-next ...

  7. 和平之翼代码生成器 SMEU 版 4.0.0 RC 宝船候选版发布

    和平之翼代码生成器SMEU版4.0.0 RC宝船候选版发布  项目地址: https://gitee.com/jerryshensjf/PeaceWingSMEU 最近进展  已释出和平之翼代码生成器 ...

  8. vue 3.0 即将发布,敬请期待

    Vue.js 3.0 新特性预览 Evan You(尤雨溪)今天(2018年11月16日)早上在 Vue Toronto 的主题演讲中预演了 Vue 3 .利用现代浏览器支持的新功能,Vue 3 将成 ...

  9. Element 2.6.0 发布,基于 Vue 2.0 的桌面端组件库

    开发四年只会写业务代码,分布式高并发都不会还做程序员?   Element 2.6.0 发布了,Element 是一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设 ...

最新文章

  1. 【码书】一本经典且内容全面算法书籍,学算法必备
  2. 深入解析JavaScript 原型继承
  3. iphone怎么长截屏_新iPhone又要为中国定制?除了价格,还有这些惊喜
  4. Windows批处理经典视频教程
  5. OpenGL linesmooth线平滑的实例
  6. Hive内置运算函数,自定义函数(UDF)和Transform
  7. SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版
  8. 【CodeForces - 460C】Present(二分+树状数组)
  9. matlab/ansys协同的一个例子
  10. python启动http服务_Python通过命令开启http.server服务器的方法
  11. 好玩的C语言大全,好玩的c语言程序!
  12. iOS 开发者常用的75 个工具
  13. 1977年发生事件_历史回放:日本1977年海怪尸体事件
  14. HTML+CSS美食静态网页设计
  15. 品牌稿件怎么写?这些品牌稿件写作技巧值得一看
  16. C# WPF MVVM 实战 – 4 - 善用 IValueConverter
  17. 关于苹果手机iFiles文件管理使用方法
  18. Leet Code OJ 刷题顺序参考
  19. STM32F411 Discovery学习笔记(二)点亮你的第一个LED
  20. java linest_Java STLineSpacingRule類代碼示例

热门文章

  1. Kaggle 年度报告出炉:数据科学家年轻高学历,薪资近百万
  2. Apache基金会正式宣布新一代分布式对象存储Ozone成为顶级项目
  3. 你熟知的开源项目,幕后推手竟然是他们?
  4. 字节跳动武汉招聘 2000 人,距离大厂 Offer,你还差这篇 Java 干货!| 原力计划...
  5. 2019 最新 200 道 Java 面试题
  6. 小米上市 365 天:雷军的坚守与败退
  7. 漫画:如何给女朋友解释什么是策略模式?
  8. C++ 的门门道道 | 技术头条
  9. 谁人来帮库克卖“苹果”?
  10. 开发者编程时应该围着“程序”转吗?