v-model
在表单输入元素或组件上创建双向绑定。v-model指令用于在表单控件或者组件上创建双向绑定。
-
期望的绑定值类型：根据表单输入元素或组件输出的值而变化
v-bind
v-bind指令可以用来绑定标签的属性和样式。要绑定的内容是作为一个JS变量，因此只需要对该内容编写合法的JS表达式。
基础的语法格式为：v-bind:属性=“值”。
v-on
标签：元素,bind,绑定,表单,指令,model,三大 From： https://www.cnblogs.com/beatle-go/p/17493361.html给元素绑定事件监听器。
在传统前端开发中，相对一个按钮绑定事件时，需要获取到这个按钮的DOM元素，再对这个获取到的元素进行事件的绑定。
在vue中，对于DOM元素的操作全部由vue完成，只需关注业务代码的实现。
因此可以使用vue内置的v-on指令来完成事件的绑定。
总结
1.v-model用来进行data数据与页面数据的双向绑定。主要用于表单控件，被称为双向绑定
2.v-bind是data数据对页面标签中属性的绑定。被称为单向绑定
3.v-on是methods对页面事件的绑定。