{{}} 和 v-bind:value 类似,都是单向的,即属性值发生变化,会立即在界面上呈现出来,但是在界面上改变值,不会回写回属性。v-bind:value 用于表单元素。注意:<textarea>{{fld}}</textarea> 这种写法是通不过编译的。
v-model 是双向的,当我们改变 input 的值时,它会立即回写回属性。
上面示例中:我们改变第一个文本框的值,再改变第二个文本框的值,所有值有重新绑定,我们会发现第一个文本框的输入值又变成 fld1 的值了。
扩展
我们知道 v-bind:value 是为 value 属性写值,所以也存在 v-bind:class 为 class 属性写值的情况,以此类推。
相关阅读