2024年即将到来,Vue团队通过传奇人物Evan You的声音宣布了Vue.js 3.4的发布。
有趣的是,这不仅仅是一个修复错误的版本,它实际上提供了几个非常有用的改进。让我们来看看它们:
更快的解析意味着在构建源映射时,模板和脚本的SFC解析提升了44%。总体而言,这对总时间不会有太大影响。
这里2%,那里2%,你就有了4% ☺️
鼓掌!
当前,当计算属性的值不发生变化时,响应式代码仍然会触发。现在它不会触发,意味着减少了计算量,提高了响应速度。
如果它没有改变,就没有必要深入研究 😊
在上一个版本中,实验性地引入了defineModel,现在它已经正式发布,意味着更简单和默认的双向绑定:
让我们看看这里发生了什么。我们使用defineModel()宏定义了一个模型。模型的名称将是"model"。
订阅机制
在父组件中,您可以使用v-model将其绑定到该模型。
这实际上非常令人印象深刻。双向绑定通常在原生表单元素级别处理,一旦您尝试在组件中使用它,事情就会变得棘手。
Vue.js提供了一个简单的解决方案,可以在整个应用程序中实际使用双向绑定。
您还可以定义它是否为必需的以及默认值是什么。
非常重要的是,您实际上可以像定义各种props一样定义模型上的属性。因此,您可以拥有许多双向绑定的props。
对于组件库和更大的组合树来说,这意味着更少的样板代码,并鼓励构建更模块化的项目,而不是将所有内容堆叠在一个组件中。
数据将最终在应用程序中流动 😊
点赞!