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

TypeScript

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。2012年十月份,微软发布了首个公开版本的TypeScript,在2013年6月19日,微软发布了TypeScript 0.9的正式版本,到目前为止,TypeScript已发展到2.x版本

安装TypeScript

安装TypeScript主要有两种方式:

通过npm方式安装(Node.js包管理器)

安装TypeScript的Visual Studio插件

说明:Visual Studio2016和Visual Studio 2013 Update 2默认包含了TypeScript。npm安装的命令如下:

npm install -g typescript

创建TypeScript文件

在编辑器中新建一个greeter.ts文件,并输入以下JavaScript代码:

function greeter(person) {
 return "Hello, " + person;
}
var user = "Jane User";
document.body.innerHTML = greeter(user); 

上面的代码直接输出“hello Jane User”。

编译代码

在在命令行中运行TypeScript编译器即可编译代码:

tsc greeter.ts

运行TypeScript web程序

现在在greeter.html中输入以下代码:

<!DOCTYPE html>
<html>
 <head><title>TypeScript Greeter</title></head>
 <body>
  <script src="greeter.js"></script>
 </body>
</html>

在浏览器中打开greeter.html即可去运行第一个TypeScript web应用程序demo!

Vue.js 2.5新特性

Vue 2.5 Level E 已发布,在原来2.x的基础上做了很多相应改进和对 bug 的修复,目前 2.5 系列最新的版本为 2.5.2。如果读者希望全面的了解Vue 2.5的内容,可以通过查看Vue 2.5发布说明来获取详细的介绍。针对官方的介绍和网上搜集的资料,本次2.5版本主要做了如下几方面的改进:

更好的 TypeScript 集成
更好的错误处理
更好地支持单文件组件中的功能组件
与环境无关的服务端渲染
读者可以通过下面的链接查看原文介绍:

TypeScript 声明改进

further improve Vue type declarations for canonical usage (#6391) db138e2

错误处理和报告

improve error handling with new errorCaptured hook b3cd9bc [Details]

improve template expression error message e38d006, closes #6771

improve option type checks b7105ae

功能组件

compiled templates for functional component support ea0d227

scoped CSS support for functional components 050bb33

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/1230.html