Vue-使用v-bind与v-on实现v-model

vue — 使用v-bind与v-on实现v-model
v-model其实是一个语法糖，他的背后本质包含两个操作：1.v-bind绑定一个value属性2.v-on指令给当前元素绑定input事件

实现步骤如下：① 通过v-bind实现，若修改app.message，则使得网页显示的input中的value也发生改变。

② 通过v-on实现，若通过键入input，则修改app.message的值。

③ 更简单的书写方式实现v-on 根本不用绑定方法

全部代码：

<input type=”text” :value=’message’ @input=’valueChange’>

<input type=”text” :value = ‘message’ @input=’message = $event.target.value’>

总结：
以下两种方式是等同的

<input type=”text” :value = ‘message’ @input=’message = $event.target.value’>
————————————————
版权声明：本文为CSDN博主「青梅主码」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qmzma/article/details/119327257