Paul Krill
Editor at Large

Vue 3.0 brings more speed, more TypeScript

news
Jul 20, 20202 mins

Nearing general release, Vue 3.0 promises significantly faster rendering, component initialization, and updating

3 champions standing on top of mountain winner triump
Credit: Thinkstock

Vue 3.0, a planned upgrade to the JavaScript framework for building web UIs, is moving toward general release. The release candidate stage was reached on July 17, which followed a beta release in early spring. The Vue 3.0 release promises significant performance improvements.

With the release candidate stage, both the API and the implementation of Vue 3 core have stabilized. The RC can be downloaded via NPM. A production release of Vue 3.0 is now anticipated in August, with a previous ship target of June having passed.

Highlights of the Vue 3.0 release: 

  • For better performance, Vue 3.0 features a rewritten virtual DOM and compiler-informed fast paths.
  • Server-side rendering is two to three times faster, based on benchmarks simulating typical scenarios. Component initialization is more efficient, and update performance is also improved.
  • Tree-shaking, which reduces the output file size and improves overall performance, also is highlighted, with most optional Vue features, such as the v-model directive for creating two-way data bindings, now tree-shakeable.
  • The Composition API featured in Vue 3.0, which is usable alongside the Options API, offers a set of additive, function-based APIs that allow flexible composition of component logic and reuse. 
  • The Vue.js 3.0 codebase is written in TypeScript with auto-generated type definitions and an API that is the same in both TypeScript and JavaScript. The class component is still supported.
  • Explorative type-checking in SFC (Single File Components).
  • A Custom Renderer API, set to have integration with the NativeScript framework.
  • A Fragments capability designed to solve an issue where multiple root components are not allowed. Progress Telerik, maker of NativeScript, has described Fragments as template wrapper tags used to structure a presentation without impacting semantics.

The open source “progressive” Vue.js framework is intended to enable development of more testable, maintainable web user interfaces. Web pages can be split up into reusable components. Vue.js is reactive; when data changes, the framework takes care of updating every part of a web page where the data is being used. Vue.js has 168,000 stars on GitHub.

Paul Krill

Paul Krill is editor at large at InfoWorld. Paul has been covering computer technology as a news and feature reporter for more than 35 years, including 30 years at InfoWorld. He has specialized in coverage of software development tools and technologies since the 1990s, and he continues to lead InfoWorld’s news coverage of software development platforms including Java and .NET and programming languages including JavaScript, TypeScript, PHP, Python, Ruby, Rust, and Go. Long trusted as a reporter who prioritizes accuracy, integrity, and the best interests of readers, Paul is sought out by technology companies and industry organizations who want to reach InfoWorld’s audience of software developers and other information technology professionals. Paul has won a “Best Technology News Coverage” award from IDG.

More from this author