www.cftea.com

Vue 的 {{}}、v-bind:value、v-model

ITPOW2019/11/28 15:40:06

{{}}v-bind:value 类似,都是单向的,即属性值发生变化,会立即在界面上呈现出来,但是在界面上改变值,不会回写回属性。v-bind:value 用于表单元素。注意:<textarea>{{fld}}</textarea> 这种写法是通不过编译的。

v-model双向的,当我们改变 input 的值时,它会立即回写回属性。

上面示例中:我们改变第一个文本框的值,再改变第二个文本框的值,所有值有重新绑定,我们会发现第一个文本框的输入值又变成 fld1 的值了。

扩展

我们知道 v-bind:value 是为 value 属性写值,所以也存在 v-bind:class 为 class 属性写值的情况,以此类推。

相关阅读

<<返回首页<<