Menu
Vue.js 3.0 brings more speed, more TypeScript

Vue.js 3.0 brings more speed, more TypeScript

Now in beta, Vue 3.0 promises significantly faster rendering in a general release

Credit: Dreamstime

Vue.js 3.0, a planned upgrade to the JavaScript framework for building web UIs, is moving toward general release. A beta release available since early spring shows off improvements in areas such as performance and TypeScript support.

A production release of Vue.js 3.0 was slated to be ready by June. The Vue 3.0 beta is available from GitHub.

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 initialisation 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.

Other capabilities highlighted in the Vue.js 3.0 beta include explorative type-checking in SFC (Single File Components), with Custom Renderer API set to have integration with the NativeScript framework.

This is in addition to 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 166,000 stars on GitHub.


Follow Us

Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.

Tags javascript

Events

Featured

Slideshows

Channel kicks 2021 into gear as After Hours returns to Auckland

Channel kicks 2021 into gear as After Hours returns to Auckland

After Hours made a welcome return to the channel social calendar with a bumper crowd of partners, distributors and vendors descending on The Pantry at Park Hyatt in Auckland to kick-start 2021.

Channel kicks 2021 into gear as After Hours returns to Auckland
The Kiwi channel gathers for the 2020 Reseller News Women in ICT Awards

The Kiwi channel gathers for the 2020 Reseller News Women in ICT Awards

Hundreds of leaders from the New Zealand IT industry gathered at the Hilton in Auckland on 17 November to celebrate the finest female talent in the Kiwi channel and recognise the winners of the Reseller News Women in ICT Awards (WIICTA) 2020.

The Kiwi channel gathers for the 2020 Reseller News Women in ICT Awards
Show Comments