Vue中v-model和和v-bind绑定数据的区别

前言：Vue的模板采用DOM模板，也就是它的模板可以当做DOM节点运行，在浏览器下不报错。绑定数据有三种方式，插值{{name}}，v-model和v-bind。

v-bind：

    <p v-bind:class="classed">

       用法：后面加冒号，再跟上html元素的attributions。v-bind绑定了属性变量data.classed的值，当data.classed值发生变化的时候，class属性也发生变化。

v-model：

    v-model主要是用在表单元素中，它实现了双向绑定。

v-model是一种双向绑定，那么也就是说，你绑定的元素得有机会改变值。所以实际上v-model基本上只会用在input, textarea, select这些表单元素上。