Vue 3.0 brings more speed, more TypeScript

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

Vue 3.0 brings more speed, more TypeScript
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.

Copyright © 2020 IDG Communications, Inc.