单向绑定和双向绑定
v-bind 只能实现数据的单向绑定,从 M 绑定到 V ,无法实现数据的双向绑定。
v-model 指令可以实现表单元素和 Model 中的数据的双向数据绑定。(表单元素需要用户输入,所以是V-M)
v-model 指令只能运用在表单元素。
==========================================================================
v-bind:只能View <—— Model。(只能从服务器端(后端)修改数据到客户端)
v-model :既可以 View ——> Model,也可以View <—— Model。(解释同上)
==========================================================================
注意:v-model
会忽略所有表单元素的value
、checked
、selected
特性的初始值而总是将Vue
实例的数据作为数据来源。你应该通过JavaScript
在组件的data
选项中声明初始值!
==========================================================================
v-bind简写是一个 : 冒号