Vue 3.0已进入发布候选阶段!

绍鸣科技3个月前vue88

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 更符合这个时代的大势所趋三

为什么 Vue 更符合这个时代的大势所趋三

Vue —— 契合当下的大势所趋我们已经在过去无数次尝试使用 Vue 为不同的项目开发了很多代码,结果也很令人满意(每个项目周期不超过 3 个月)。也许,3 个月对于后端开发来说算不上什么,但在JS世...

为什么 Vue 更符合这个时代的大势所趋一

为什么 Vue 更符合这个时代的大势所趋一

不久前,尤雨溪发布了 Vue 3.0 Beta 版本。发布之后我们对社区里的前端开发者做了一次调查沟通,大家普遍认为 Vue 已经具备了商业项目开发的必备条件,如语法精炼、优雅而简洁、代码的可读性高、...

Vuex 是什么

Vuex 是什么

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具&...

前端面试题整理—Vue篇

前端面试题整理—Vue篇

1、对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器  vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统  vue是一款MVVM框架,基于双向绑定数据,当数据发...

前端之vue面试题

前端之vue面试题

1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?答:在r...

为什么 Vue 更符合这个时代的大势所趋二

为什么 Vue 更符合这个时代的大势所趋二

一、门槛低、上手快Vue 上手简单的原因是无需复杂配置,只需要一个 HTML 与相关文件就能跑起来。从设计的角度上来看,Vue 考虑的也是如何降低门槛,让只掌握了 Web 基础知识 (HTML, CS...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。