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

写程序的时候突然有点模糊了二者的区别
v-bind 可以说是绑定的原始固有属性,但仅是单向绑定
v-model 从官方文档的限制可以看到作用的领域,双向绑定

v-model的限制:
<input>
<select>
<textarea>
components
可以看到限制里用到的标签是我们在学习vue伊始体验的双向绑定实时更新数据时常用的
v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。

二者的关系或许用一句话解释更清晰: v-model 其实就是 v-bindv-on 的语法糖

posted @ 2021-04-13 14:16  CoderZjz  阅读(285)  评论(0编辑  收藏  举报