Vue基础指令(四) - v-model

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wxw20147854/article/details/82821575

这篇文章介绍Vue基础指令 - v-model。
作用:双向绑定数据

例子:
html:
浏览器显示:

通过例子可以看到,当改变input组件的value值时,vm中的value的值也会随之改变,这就是v-on与v-model的区别之处。

结论:
(1)v-on实现的是单向数据绑定,v-model实现的是双向数据绑定
(2)通过v-model绑定的数据,html数据改变或vm中数据改变都会引起另一方的改变,保持一致

猜你喜欢

转载自blog.csdn.net/wxw20147854/article/details/82821575
今日推荐