vue学习 五 数据的双向绑定v-model
vue学习 五 数据的双向绑定v-model
meihuasheng
发布于 2021-03-16 21:39:50
发布于 2021-03-16 21:39:50
数据的双向绑定：
顾名思义就是当我们输入什么，页面就显示什么，就是将变量值和你想要的东西绑定在一起一样，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。
第一种方式：不使用v-model
在input标签中设定一个ref做为标记，然后按键事件触发方法，方法中将输入框中的东西赋值给name，然后就可以显示在页面中了，即相当于双向绑定；
第二种方式： 双向绑定默认的v-model的使用
没有什么其他的东西，直接使用 v-model=“name” 即将data中的name绑定在一起，实现了数据的双向绑定
本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-08-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录