Skip to content

Double Click: Vue 3.2 packs stable features & performance improvements!

This article was written over 18 months ago and may contain information that is out of date. Some content may be relevant but please refer to the relevant official documentation or available resources for the latest information.

Welcome to the Double Click! This is the weekly blog series that shines a spotlight on emerging technologies, technological concepts, and community projects that enrich the JavaScript Ecosystem!

This week, we turn our attention to the wonderful Vue Core Team, who very recently released Vue 3.2.

According to this statement by VueJS creator, Evan You, this release does include significant performance improvements without subjecting devs to any breaking changes.

New features include stable releases for < script setup > and ‘< style > v-bind ’, which both have use when working with Single File Components. According to the official announcement:

“‘< script setup >’ is a compile-time syntactic sugar that greatly improves the ergonomics when using Composition API inside SFCs.”

This feature will feel very familiar for Svelte users as it allows developers to export individual variables or functions, within their script setup, to their templates, instead of entire objects.

'< style > v-bind' enables component state-driven dynamic CSS values in SFC < style > tags.

This ‘< style > v-bind’ feature automatically passes any value defined in the code directly to the CSS as a binding.

The latest release of Vue 3 also allows expanded options for creating web components using the Vue CLI.

To permit this, the team created a new ‘defineCustomElement’ method which gives developers the ability to create and consume custom web components that can be used across the JavaScript ecosystem, using Vue.

Of course, even if developers are not interested in using one of the handful of new features offered with this 3.2 release, there are still a number of reasons to be excited. This release includes a number of performance enhancements, including (from official announcement):

More efficient ref implementation (~260% faster read / ~50% faster write) ~40% faster dependency tracking ~17% less memory usage

So what are you waiting for? Be sure to update to the latest version of Vue 3, and try out these new features yourself!

Let's innovate together!

We're ready to be your trusted technical partners in your digital innovation journey.

Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.

Prefer email? hi@thisdot.co