Vue的常用指令

1. v-bind 为HTML标签绑定属性值，如时间遏制href，css样式等
2. v-model 在表单元素上创建双向数据绑定
3. v-on 为HTML标签绑定事件
4. v-if
5. v-else-if 条件性的渲染某元素，判定为true的时候渲染，否则不渲染
6. v-else
7. v-show 根据条件展现某元素，判定为true的时候渲染
8. v-for 列表渲染，遍历容器的元素或者对象的属性

1和2的使用

这边我们使用v-bind以及vue对象去使用url来表示所要使用的网址，而不是直接将所用的网址直接写死在href后面，给他动态的绑定一个资源在后面

结果如上图v-model是用来绑定表单元素的，可以将表单元素直接绑定到某个变量上，在text的输入框内会出现所要访问的网页，可修改输入框内的网页，修改之后，url会发生变化，href所绑定的也会发生改变，将鼠标悬浮在连接上的网址也会改变

注意：通过v-bind或者v-model绑定的变量，必须在数据模型data：{}中进行声明，否则无法使用，文字将会无法点击。