当前位置:首页 > 日记 > 正文

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

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 发布了: 新功能特性一览,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

excel中设置X轴为时间轴的方法exce

excel中设置X轴为时间轴的方法exce

设置,时间轴,方法,电脑软件,excel,  Excel中的时间轴具体该如何在X轴上设置呢?下面是由小编分享的excel中设置X轴为时间轴的方法,以供大家阅读和学习。excel中设置X轴为时间轴的方法设置时间轴步骤1:用excel 打开一个带有图表的数据表excel…

CDR怎么制作彩色涂鸦字效果?

CDR怎么制作彩色涂鸦字效果?

涂鸦,彩色,效果,电脑软件,CDR,有同学反映说,如果想要做带有颜色的涂鸦字要如何实现,通过前面的教程我们已经学会了使用CDR制作涂鸦字效果,相关教程可参阅CDR制作涂鸦字的方法,其实彩色涂鸦字不仅仅用到图框精确剪裁功能,前面的步骤都一样,除此之…

解读vue生成的文件目录结构及说明

解读vue生成的文件目录结构及说明

目录结构,文件,电脑软件,vue,利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤,请看上一篇博客。搭建完成后,我们可以看到生成的文件夹中包括如下文件: 1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始…

photoshop cs6怎么等比例缩放?

photoshop cs6怎么等比例缩放?

缩放,等比例,电脑软件,photoshop,在PS画布上已有一张图,现在需要把“人物”等比例缩放。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、在PS画布上已有一张图,现在需要把“女孩”…

PS怎么排版图文? ps文字排版的四个

PS怎么排版图文? ps文字排版的四个

文字排版,图文,技巧,电脑软件,PS,好的作品,其最基本的要素就是细节的丰富和完善,细节处理得好,作品想出问题都难。下面就对大部分人都非常头疼的文案排版需要注意的细节问题做一个较为详细的总结和分析,希望能对文案排版有困惑的朋友有一个较好…

node文字生成的示例代码

node文字生成的示例代码

示例代码,文字,电脑软件,node,今天老板提了需求,要在服务端生成邀请卡,嗯…,简单的说就是把要这张:变成差多这样的:后端搞ruby的哥们搞了个html转图片,说转得太慢了,我就把这坑接下来了所以睡前就倒腾了下,搞了个简单的实现解决思路文字转svg -> sv…

Angular中$state.go页面跳转并传递

Angular中$state.go页面跳转并传递

传递参数,方法,页面跳转,电脑软件,Angular,遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage,一种用broadcast和on,然后老大说不用这么麻烦,既然都$state.go了直接带参数,这次就介绍一下$state.go页面跳…

ionic中的$ionicPlatform.ready事

ionic中的$ionicPlatform.ready事

设置,通用,事件中,电脑软件,ionic,前言$ionicPlatform.ready事件是用于检测当前的平台是否就绪的事件,相当于基于document的deviceready事件, 在app中一些通用关于设备的设置必须在这个事件中处理, 为了代码的可读性,我们把设置功能封装成一…

一个简易的js轮播效果

一个简易的js轮播效果

简易,效果,电脑软件,js,一个简易的js图片轮播效果,话不多说,代码献上. 只有img标签的html代码,做测试用:<body> <img src="images/class1-1.jpg" id="img"> </body> 下面是js代码:var k=0; //当前的索引var ss = new Array(); //数组,用来…

微信小程序 本地按照屏幕尺寸处理

微信小程序 本地按照屏幕尺寸处理

屏幕尺寸,程序,电脑软件,微信小,微信小程序 本地图片按照屏幕尺寸处理前言:个人感觉微信小程序的IDE用起来有时候不太方便,可能是之前用惯了Eclipse的原因吧。微信小程序的开发工具不支持直接将文件拷贝到目录下,所以首先要将图片文件导入到本…

wps演示中怎么制作柱状图

wps演示中怎么制作柱状图

柱状图,方法,演示,电脑软件,wps,  你知道怎么在wps幻灯片中制作柱状图吗?对于刚从其它版本转型过来的应该就不会太懂wps,没关系下面小编就为你介绍wps演示怎么制作柱状图的方法啦!欢迎大家来到学习wps制作柱状图。wps演示制作柱状图的方法…

微信小程序之数据双向绑定与数据操

微信小程序之数据双向绑定与数据操

双向绑定,数据操作,数据,程序,电脑软件, 微信小程序之数据双向绑定与数据操作数据双向绑定是指js部分数据发生变化是html部分的数据也会发生变化,当然html部分数据发生变化js部分数据也会发生变化,从而使界面很方便的实现动态数据显示,一般拥…