vue中v-bind和v-model的区别和应用

1.v-bind和v-model的区别：

(1).v-bind是单向数据绑定，而v-model是双向数据绑定

(2).v-bind可应用于全部属性，而v-model仅应用于表单类元素

(3).v-bind只能实现数据更新同步到视图上，不能实现视图同步更新到数据上，但是v-model能双向实现数据和视图的同步更新

2.v-bind的应用：

(1)作用：用于访问data中的数据，在html标签的属性中使用

(2)缩写：：

(3)应用场景：

  (3.1) 绑定普通属性

  (3.2)绑定class属性时，属性值可以是对象或数组

   

  (3.3)动态绑定style

  

 3.v-model的应用:

简写：v-model

(1)文本的双向数据绑定

(2)复选框的双向数据绑定

(3)单选按钮的双向数据绑定

(4)下拉列表的双向数据绑定