vue3 v-model

v-model简介

        v-model指令在表单input、textarea以及select元素上创建双向数据绑定。它会根据控件类型动态选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件以及更新数据，并对一些极端场景进行一些特殊处理。

注意：对于需要使用输入法(如中文、日文、韩文等)的语言，你会发现v-model不会输入法组合文字过程，中得到更新，如果想处理这个过程，使用input事件。

v-model的原理与特点

1 v-model数据是双向绑定

2 v-model 是单向数据流

        父组件可以向子组件传递数据,并且改变子组件的值,而子组件不能改变父组件传递给它的 prop 属性，官方推荐的做法是它抛出事件，通知父组件自行改变绑定的值

总结：数据向下，事件向上

参考文章：传送门