v-model

在表单输入元素或组件上创建双向绑定。v-model指令用于在表单控件或者组件上创建双向绑定。

期望的绑定值类型：根据表单输入元素或组件输出的值而变化

v-bind

v-bind指令可以用来绑定标签的属性和样式。要绑定的内容是作为一个JS变量，因此只需要对该内容编写合法的JS表达式。
基础的语法格式为：v-bind:属性=“值”。

v-on

给元素绑定事件监听器。

在传统前端开发中，相对一个按钮绑定事件时，需要获取到这个按钮的DOM元素，再对这个获取到的元素进行事件的绑定。

在vue中，对于DOM元素的操作全部由vue完成，只需关注业务代码的实现。

因此可以使用vue内置的v-on指令来完成事件的绑定。

总结

1.v-model用来进行data数据与页面数据的双向绑定。主要用于表单控件，被称为双向绑定
2.v-bind是data数据对页面标签中属性的绑定。被称为单向绑定
3.v-on是methods对页面事件的绑定。