目 录CONTENT

文章目录

vue中v-bind和v-model的区别

萧瑟
2023-01-13 / 0 评论 / 0 点赞 / 297 阅读 / 400 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-08-04,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
1、:value是v-bind:value 的简写

官方给出的说明是:动态地绑定一个或多个特性,或一个组件 prop 到表达式。

官网说明

官方示例

2、v-model可以进行双向数据绑定

官方说明

简单来说:

v-bind是一个单向数据绑定,映射关系:Model->View,我们不需要进行额外的DOM操作,只需要进行Model的操作就可以实现视图的联动更新。

v-model是一个双向数据绑定,映射关系:View接受的数据,传给model,model的数据再传给view。把Model绑定到View的同时也将View绑定到Model上,这样就既可以通过更新Model来实现View的自动更新,也可以通过更新View来实现Model数据的更新。所以,当我们用JavaScript代码更新Model时,View就会自动更新,反之,如果用户更新了View,Model的数据也自动被更新了。

欢迎来到我的博客 踏浪而行 , 有更多好玩的工具和IT分享


扫码_搜索联合传播样式-标准色版

0

评论区