Vue 2.5 Level E 发布了: 新功能特性一览

我们很高兴宣布 Vue 2.5 Level E 的发布!本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息。 在这篇文章中,我们将重点介绍一些更重要的的变化:更好的 TypeScript 集成,更好的错误处理,更好地支持单文件组件中的函数式组件以及与环境无关的服务端渲染。

更好的 TypeScript 集成

得益于 TypeScript 团队的帮助,2.5 提供了大大改进的类型声明,可以与 Vue 的开箱即用的 API 一起使用,而不需要组件类装饰器。 新的类型声明还可以让 Vetur 等编辑器扩展功能更强大,为纯 JavaScript 用户提供更好的Intellisense 支持。 更多详细信息,请查看我们之前关于更改的信息(翻译版本)。

感谢来自 TypeScript 团队的 Daniel Rosenwasser 发起的PR,以及核心团队成员 Herrington Darkholme和 Katashin 的改进和审查。

注意:TypeScript 用户还应将以下包更新为最新版本从而兼容类型声明:vue-router,vuex,vuex-router-sync 和vue-class-component。

更好地错误处理

在2.4及更早版本中,我们通常使用全局 config.errorHandleroption 来处理应用程序中的意外错误。 我们还有renderError 组件选项来处理渲染函数中的错误。 但是,我们缺少处理应用程序特定部分内的泛型错误的机制。

在2.5中,我们引入了新的 errorCaptured 钩子。 具有此钩子的组件捕获其子组件树(不包括其自身)中的所有错误(不包括在异步回调中调用的那些)。 如果你熟悉React,这与 React 16 中引入的错误边界的概念相似。钩子接收与全局 errorHandler 相同的参数,你可以利用这个钩子来优雅地处理和显示错误。

更好地支持 SFC 中的函数式组件

使用 vue-loader> = 13.3.0 和 Vue 2.5,在 * .vue 文件中定义为单个文件组件的函数式组件现在可以得到正确的模板编译,Scoped CSS和热重新加载支持。 这使得将叶子组件转换为函数式的更为容易,从而进行性能优化。

*感谢核心团队成员Blake Newman 对于这些功能做出的贡献。

与环境无关的服务端渲染

vue-server-renderer 的默认构建假定一个 Node.js 环境,这使得它在有的 JavaScript 运行时(如 php-v8js 或Nashorn)中不可用。 在 2.5 中,我们已经发布了一个与环境无关的 vue-server-renderer 版本,可以在浏览器或纯 JavaScript 引擎中使用。 这可以打开有趣的策略,例如直接在 PHP 进程中使用 Vue 服务端渲染。

同样,我们建议你查看完整的发布说明从而了解其他 API 的改进,包括 v-on,v-model,scoped slot,provide/inject 等。 你可能也对我们的公共蓝图感兴趣,详细说明了团队的工作。 干杯!

总结

以上所述是小编给大家介绍的Vue 2.5 Level E 发布了: 新功能特性一览,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • Vue v2.5 调整和更新不完全问题

    Vue 2.5 Level E 发布了: 新功能特性一览 近日,Vue v2.5 发布,除了对 TypeScript 的更好的支持外,还有一些功能和语法的调整,你需要了解.本文,不谈 TypeScript,只对一些主要的调整进行说明. 本来,对 Vue 的版本升级不怎么敏感,所以没有太关注最近的 v2.5 的发布.今天,在重新下载 Vue 构建项目的时候,发现有好几个警告提示. 看警告提示,知道是因为使用了 v2.5 的 Vue,scoped slot 的语法进行了调整,然后去 GitHub 上

  • Vue.js 2.5新特性介绍(推荐)

    TypeScript TypeScript是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程.2012年十月份,微软发布了首个公开版本的TypeScript,在2013年6月19日,微软发布了TypeScript 0.9的正式版本,到目前为止,TypeScript已发展到2.x版本 安装TypeScript 安装TypeScript主要有两种方式: 通过npm方式安装(Node.js包管理器) 安装TypeS

  • Vue 2.5 Level E 发布了: 新功能特性一览

    我们很高兴宣布 Vue 2.5 Level E 的发布!本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息. 在这篇文章中,我们将重点介绍一些更重要的的变化:更好的 TypeScript 集成,更好的错误处理,更好地支持单文件组件中的函数式组件以及与环境无关的服务端渲染. 更好的 TypeScript 集成 得益于 TypeScript 团队的帮助,2.5 提供了大大改进的类型声明,可以与 Vue 的开箱即用的 API 一起使用,而不需要组件类装饰器. 新的类型声明还可以让 V

  • vue组件从开发到发布的实现步骤

    本文介绍了vue组件从开发到发布的实现步骤,分享给大家,具体如下: 组件化是前端开发非常重要的一部分,从业务中解耦出来,可以提高项目的代码复用率.更重要的是我们还可以打包发布,俗话说集体的力量是伟大的,正因为有许许多多的开源贡献者,才有了现在的世界. 不想造轮子的工程师,当不了合格的搬运工 .让我们来了解一下vue组件从开发到打包发布流程,并配置Github主页. 本文以 vue-clock2 组件为例,欢迎star _~~ 项目地址 目标框架:vue 打包工具:webpack 发布源:npm

  • PyCharm 2019.3发布增加了新功能一览

    Python的IDE(Integrated Development Environment 集成开发环境)非常多,如:VS Code.Sublime.NotePad.Python自带编辑器IDLE.JuPyter.Eclipse + PyDev等等,但是对于项目开发.管理.部署等稍微大一点的项目,猪哥觉得还是PyCharm最好用! 2019年12月2日,PyCharm迎来了2019.3版本,这也许会是2019年的最后一个大版本,那这个版本增加了哪些新功能呢?我们一起来看看吧! 来源 | PyCh

  • vue实现几秒后跳转新页面代码

    我就废话不多说了,大家还是直接看代码吧~ <template> <div @click="clickJump()">提交</div> </template> <script> export default { data(){ return { count:"",//倒计时 } } }, mounted(){ }, methods: { //几秒后进入跳转页面 clickJump(){ const timej

  • vue二选一tab栏切换新做法实现

    问题描述 在我们做项目的过程中,有时候会要做一些tab栏切换效果.有两个tab的,有三个tab的,甚至有五六七八个tab的.平常我们直接拿饿了么的tab组件用就行了,但是偶尔自己闲着没事,自己写个两个tab切换效果的,即二选一效果.闲话少说,上动态效果图 本案例适合两个tab的(三个tab的可以仿照我的写,如果是四五个tab用饿了么组件会更快些) 代码如下 HTML部分 <template> <div id="app"> <div class="

  • vue 3 中watch 和watchEffect 的新用法

    目录 一.watch 新用法 1.1.watch 使用语法 1.2.watch 监听多个属性值 1.3.watch 监听引用数据类型 二.watchEffect 三.watch 与 watchEffect 区别和联系 3.1.watch特点 3.2.watch 配置项 3.3.watchEffect 特点 3.4.watch 与 watchEffect 联系 一.watch 新用法 选项式API中,watch 使用 watch:{ mood(curVal,preVal){ console.log

  • 2022发布ECMAScript新特性盘点

    目录 1. Top-level Await 2. Object.hasOwn() 3. at() 4. error.cause 5. 正则表达式匹配索引 6. 类的实例成员 (1)公共实例字段 (2)私有实例字段.方法和访问器 (3)静态公共字段 (4)静态私有字段和方法 (5)类静态初始化块 2022 年 6 月 22 日,第 123 届 ECMA 大会批准了 ECMAScript 2022 语言规范,这意味着它现在正式成为标准.下面就来看看 ECMAScript 2022 新增了哪些特性!

  • Python 3.8正式发布重要新功能一览

    Python3.8有哪些你要关注的新内容?  Python3.8 都有哪些新功能,在文档手册中,大家可以有一个概览.这么多新内容,哪些是大家最先要关注一下的呢?下面,营长就带大家从深度和广度两方面,了解那些最大的变化,帮助大家快速上手 Python3.8. 新功能手册: https://docs.python.org/3.8/whatsnew/3.8.html 在本文中,你将了解到Python 3.8如何: 使用赋值表达式简化一些代码结构 在你自己的函数中强制执行仅位置参数 指定更精确的类型提示

  • Android Studio 3.6 新特性一览(推荐)

    设计 设计编辑器 设计编辑器(比如布局编辑器和导航编辑器)现在提供了一个拆分视图模式,能够同时查看 UI 界面的 Design 视图和 Code 视图.拆分视图取代并改进了早期的预览窗口,并且可以对每个文件进行设置,并且可以保存上下文信息,比如:缩放比例和设计视图选项等.想要开启拆分视图,单击编辑器窗口右上角的拆分图标即可.相关文档:https://medium.com/androiddevelopers/android-studio-design-tools-ux-changes-split-

  • Typescript3.9 常用新特性一览(推荐)

    更新什么?概况一览 1.优化了 Promise.all 的定义,在 3.7 版本中一些混用 null 或 undefined 的时候的问题已经在 3.9 得到了修复. 2.大大的提高了打包速度,微软团队自测的时候 typescript项目的平均编译时间由 26s 缩短到了 10s 左右. 3.// @ts-expect-error 新注释的添加 4.在条件语句中检测未调用的函数 5.编辑器提升 5.1 在 JavaScript 中 CommonJS 的自动引入 5.2 在代码操作的时候正确的保留

随机推荐