Vue 3.5 is coming soon: exploring the latest features and performance improvements

Vue is preparing for Vue 3.5 version. This new version (currently in the Alpha phase) brings a series of enhancements, new features, and significant changes to enhance the experience for developers and users. According to the official update log, let’s take a look at the upcoming content in Vue 3.5.

github:https://github.com/vuejs/core/blob/minor/CHANGELOG.md

Responsive attribute deconstruction

Responsive attribute deconstruction has been in an experimental state for about a year, but in version 3.5, this feature will be released as a stable feature. This feature allows you todefinePropsDeconstructing properties in macros without losing responsiveness.

import { watchEffect } from 'vue'const { count } = defineProps(['count'])watchEffect(() => {
        //This log is triggered every time the count attribute in the parent component changes      
  console.log(count)
})

You Yuxi said, “Almost all of them are widely used in real projects [Responsive Attribute Deconstruction] Developers have provided positive feedback. They said they really like this feature... and hope it can stabilize

For developers who do not want to use this feature, they can turn it off through a flag.

// vite.config.js
export default {
  plugins: [
    vue({
      script: {
        propsDestructure: false
      }
    })
  ]
}