vue2.0和vue3.0v-model使用对比

我们在写项目的时候,经常自定义组件,并且需要传参,刚好v-model是一个双向绑定,所以我们会把v-model的思想使用到各个自定义组件中

在vue2.0中,v-model只能对应一个变量

在vue3.0中,在v-model原来的使用基础上,拓展了多对多的使用方式


1.vue2.0 

父组件引入子组件hello,并且传参给子组件,代码如下:

子组件定义一个input,用来接收父组件的参数,并且实现数据双向绑定,代码如下:

2.vue3.0

父组件引用子组件hello,并且使用v-model给子组件传递三个参数,并且同时实现这三个参数双向绑定 

父组件代码如下:

子组件代码如下:

你可能感兴趣的:(vue2.0和vue3.0v-model使用对比)