Member-only story
✌️ Vue.js 3.4 Released: 20% Faster Parsing, Two Way Binding And More
Vue.js 3.4 surprises with performance improvements and really tasty two-way binding tied with reactivity.
The 2024 year is just around the corner, and Vue team through the voice of the legendary Evan You announced the release of Vue.js 3.4.
Interestingly enought it’s not only a bugfixing release. It actually delivers several extremely useful improvements. Let’s go through them:
20% Faster Parser
Faster parsing means the 44% SFC parsing when building source map from template and script. Overall, it shouldn’t have a big impact on total times.
Here 2%, there 2% and you have 4% ☺️
Clap!
Less Overheat From Computed Values
Currently, when a computed value doesn’t change, reactive code is fired anyways. Now it won’t meaning less calculations, and better responsiveness.
If it didn’t change, it didn’t change. No need to dig into 😊
Two Way Binding Is Now Operational
Tge defineModel was introduced experimentally in the previous relese and now it’s live meaning easier and default two way binding:
Let’s see what happens here. We’re defining a model with the defineModel() macro. The name of the model will be “model”.
Subscribe!
In the parent component you can bind to that model with v-model.
That’s actually very impressive. Two way binding is usually handled on the native form element level and once you try to use it in your components, things get tricky.
Vue.js offers an easy solution to actually use two way binding across your app.
You can also define if it’s required and what’s the default value.
What’s extremely important you can actually define attributes on the model just like you’d define…
