详解vue中v-model和v-bind绑定数据的异同

当加上v-bind:之后，就不一样了。它的值classed不是字符串，而是vue实例对应的data.classed的这个变量。v-model主要是用在表单元素中，它实现了双向绑定。所以实际上v-model基本上只会用在input, textarea, select这些表单元素上。实验证明，v-model将会被使用，v-bind这个时候无效了，因为它正好绑定在value属性上，如果绑在其他属性上v-bind是不受影响的。这也说明，v-model建立的双向绑定对输入型元素input, textarea, select等具有优先权，会强制实行双向绑定，如果你愿意的话。一组输入包括单选组、复选组、下拉选项、下拉选项组。相当于说，v-bind负责value的值，v-model负责选中状态。v-model影响的是勾选效果，而v-bind影响的是值。如果没有被勾选，改变后的值又在data.selected中，那又会被勾选上。我们仔细阅读一下