Vue.js 3.0 Release candidate — Top Features

On the 22 July, 2020 Damian Dulisz announced the availability of Vue.js 3.0 Release Candidate.

As he says on news.vuejs.org, this is a big moment for Vue 3.0 as it puts them very close to the first official release being available. The Vue Road map shows the official release being available in Q3 2020, so this release candidate is aligned with the plan.

New features to look forward to in Vue.js 3.0

Vue.js 3.0 is just about a rewrite from the ground up. Here are the new features you can look forward to. This is just a list of them but in future articles, I will cover each in more detail.

  • Typescript — Vue.js 3.0 is written from the ground up using typescript. You are not forced to use Typescript, but it brings major advantages if you do.
  • Composition API — A better way to organise code.
  • Multiple root elements in templates — You no longer need to wrap everything in a single <div> element
  • Suspense — Render a default component until data is available
  • Multiple v-models — As it says on the tin, form elements can now have multiple v-models
  • Improved reactivity —Changes to deeply nested data required helper functions in Vue.js 2, now reactivity just works with no helper functions.
  • Global mounting — Allows plugins to be installed for a particular mounted instance, rather than globally
  • Portals — Allows code from one component to be rendered in a different DOM tree.

Summary

Vue.js 3.0 is something exciting to look forward to and with the availability of the release candidate, you can start getting your hands dirty now.

Make sure to follow me to get detailed walkthroughs of new Vue.js 3.0 features.

You can also take a look at the official docs, which are currently in Beta https://v3.vuejs.org/

--

--

--

Software developer for over 20 years. I specialize in full-stack web apps and integration with enterprise architecture. I love microelectronics and IOT.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to Send a WhatsApp API with Clojure

Documenting things, Writing example and the GIT-Week 9 & 10, the Ending of GSoC’21.

Code: Chart.js in your React App

My Experience Learning Redux & Django After First Experiences with React

All we need to know about Angular Modules

How to Remove All Spaces from a String in JavaScript

Angular Material Tree

Jigsaw Search In Image

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Simon Carr

Simon Carr

Software developer for over 20 years. I specialize in full-stack web apps and integration with enterprise architecture. I love microelectronics and IOT.

More from Medium

[2022] How to use vue3-mq in Vue CLI (for Responsive Design)

Creating A Custom Divi Gallery Module plugin in WordPress

Monorepo vue 3 migration

Migrating our VueJS Frontend to Domain Driven Design