Vue 3.4 - Performance Improvements, New Define Model Feature, Better DX

The Vue JS core team announced the release of Vue 3.4 (code name "Slam Dunk") a few weeks ago. This is an exciting release. The release doesn't just contain the odd bug fix but delivers some fantastic framework features.

Define Model - Two way binding improvement

<script setup>

const model = defineModel()


With the introduction of <script setup> we have seen the vue core team introduce macros to improve developer experience. The defineModel macro was shipped as an experimental feature in 3.3.

Well with the release of 3.4 defineModel is now stable! This macro aims to simplify how components support v-model. In the past when sending data into a componenet