Menu
Vue 3.0 arrives, now in TypeScript

Vue 3.0 arrives, now in TypeScript

Major upgrade brings improvements in initial render speed, update speed, memory usage, and bundle size

Credit: Clément H

Vue 3.0, a major upgrade to the popular JavaScript framework for building web UIs, is now available as a production release, after nearly two years in development. Highlights include better performance and smaller bundle sizes. 

Unveiled September 18, Vue 3.0 improves performance over Vue 2 in terms of render speed, update speed, memory usage, and bundle size. According to the project, initial render is up to 55 percent faster, updates up to 133 percent faster, and memory usage up to 54 percent less. Also, bundle size is up to 41 percent lighter with tree-shaking, a technique used to reduce the output file size.

Vue internals have been rewritten into a collection of decoupled modules, providing an architecture that offers better maintainability and reduced runtime size. Modules expose lower-level APIs that unlock advanced use cases, such as the compiler supporting AST transforms for build-time customizations. The core runtime provides an API for building custom renderers for different targets, such as native mobile, WebGL, or terminals. Also, the @vue/reactivity module exports functions that provide direct access to the Vue reactivity system and that can be used as a standalone package.

The Vue 3.0 release milestone marks the “general readiness” of the framework, although some subprojects may still need work. Vue project developers said it was safe to start greenfield projects on version 3.0. Library authors can upgrade their projects, too.

Other new capabilities in Vue 3.0 include:

  • A Composition API that makes it easier to use Vue in large-scale applications.
  • A codebase written in TypeScript. Type definitions are bundled and up-to-date.
  • Experimental features such as <a href="https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-script-setup.md" rel="nofollow"><script setup></a>, which provides syntactic sugar for using Composition inside Single File Components (SFCs), and <a href="https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-style-variables.md" rel="nofollow"><style var></a>, which provides state-driven CSS variables inside SFCs.

For the near term, Vue.js builders will focus on migration build capabilities, IE11 support, router and Vuex integration into new tools, and further improvements to template type inference in Vetur tooling.


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.

Events

Why experience is the new battleground for partners

Join us for an exclusive webinar, in association with Hewlett Packard Enterprise and Technology Services Industry Association (TSIA) and learn about the latest industry insights and how technology services continue to evolve to deliver differentiated value, and how partners can be successful in 2021 and beyond.

Featured

Slideshows

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
Leading female front runners honoured at the 2020 Reseller News Women in ICT Awards

Leading female front runners honoured at the 2020 Reseller News Women in ICT Awards

The leading female front runners of the New Zealand ICT industry joined together for the annual Reseller News Women in ICT Awards event at the Hilton in Auckland, during which hundreds of guests celebrated 13 outstanding individuals who won awards, chosen from more than 50 finalists representing over 30 organisations.

Leading female front runners honoured at the 2020 Reseller News Women in ICT Awards
Channel gathers to celebrate the Reseller News Innovation Awards 2020 winners

Channel gathers to celebrate the Reseller News Innovation Awards 2020 winners

More than 500 channel leaders gathered in Auckland on 21 October at the ​Reseller News Innovation Awards ​2020 to celebrate the achievements of the New Zealand technology industry's top partners, start-ups, vendors, distributors and individuals.

Channel gathers to celebrate the Reseller News Innovation Awards 2020 winners
Show Comments