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/