1、这两个指令都可以完成数据绑定
2、v-bind是单向数据绑定,只有data里面的数据可以改变视图里的数据,即只有改变data{}里面的数据,html标签页面中的数据才会改变,而改变html标签页面中的数据不会影响data{}里面定义的数据。
data ======> html视图
3、v-model是双向数据绑定,data里面的数据和视图里的数据可以互相改变,即改变data{}里面的数据,html标签页面中的数据会改变,而改变html标签页面中的数据,data{}里面定义的数据同样会改变。
data <======> html视图
4、v-bind可以在任何html标签中使用,而v-model只能出现在表单元素中
表单元素:<input></input>、<select></select>、<textarea></textarea>
为什么v-model会有此限制?
因为只有表单元素可以给用户提供交互输入的界面。
v-model通常使用在value属性上
5、两者的简写方式:
v-bind:参数="表达式" =====简写为=====》 :参数="表达式"
v-model:参数="表达式" =====简写为=====》 v-model="表达式"