v

v-bind指令就是用于绑定数据和元素属性的

意： v-bind后面是：属性名=，我的理解是表示绑定这个属性，绑定之后，对应的值要去vue的数据里面找。 当我们在控制台改变url时，对应也会变化。 相同的，我们还可以绑定图片src属性、超链接的class

另外一种够可以传入一个对象，如下 对象的名active，表示要添加的类名，isActive是vue中的数据，表示在什么情况下添加该类名，对应为真才添加。

通常我们可以将v-bind：简写成：

就是用于绑定事件的 例如 有个按钮，我想点击的时候执行一些操作

注意：后面的值是一个方法，可以写成myclick()，如没有参数也可以写成myclick。另外这种事件对应的方法不是定义在data里面，而是定义在vue实例的methods里

v-on可以绑定多个事件

当绑定多个事件时，需要传入一个对象，对象的键名就是事件名，对象的键值就是对应事件要执行的方法。注意在vue实例中方法一定要有，不然就报错。

在绑定form表单中的提交事件时

注意： $event是vue里面的事件对象，vue能认识 在表单提交的时候，浏览器会默认发送一个get或者post请求到指定页面，刷新整个页面。阻止浏览器的默认行为，可以用事件对象e.preventDefault();

像上述form表单提交的这种浏览器默认事件，其实vue也想到了，它封装好了，只要在事件的后面添加一个.prevent修饰符，表示阻止默认事件。

绑定事件中，除了prevent阻止默认事件，还有stop,表示停止冒泡事件

另外,当我们绑定的事件是keyup、keypress、keydown键盘事件时，而且需要判断按下是回车时。这在以前我们需要判断事件对象的keyCode，虽然功能特别简单，但是每次去写还是特别麻烦。vue也想到了这点，只需要在键盘事件后面添加一个.enter修饰符即可。

另外跟v-bind一样，v-on也有快捷方式：v-on:事件名 可以简写为 @事件名，如

用来绑定数据和元素value值，实现双向绑定。只能在表单组件内使用。 当元素的值改变的时候，数据也改变，反过来，当数据发生改变，元素的值也改变。 在大部分情况下，所有用户的输入值都要通过v-model,一来好用，二来安全，而且功能也很强大。