你需要知道的Vue3.4版本更新汇总#vue

Vue 3.4版本发布了，新版本支持原生表单元素之外的场景使用v-model进行双向绑定。来看看实际的用法吧。

·在Child子组件中通过defineModel的形式声明一个model变量，然后将其绑定到input元素中。

·再去看看使用这个子组件的地方，放大一下能看得清楚一点。在app这个Vue文件里，先通过ref声明一个msg变量，然后再使用这个child子组件的地方，通过v-model的形式绑定这个msg变量。

·最后来看看效果，改变子组件里的值，父组件里的变量也实时更新了，这样就完成了数据的双向绑定。

还有之前在写一个img标签的时候，每个属性都需要用冒号的方式这样写两遍，现在vmodel的也可以同名简写了，直接通过下方这样的书写方式也可以实现上面相同的功能。

当然，Vue 3.4版本还更新了其他很多的功能，我只是拿出了两个对于开发来说比较常见且有用的API，更多更新内容大家可以去Vue官网查看。

分享到这里就结束了，希望对你有所帮助，关注我了解更多资讯。