vue的几个常用指令

vue的几个常用指令

*这些只要掌握了就可以布局vue项目中的静态页面了*

1.v-if: 在切换元素时，其属性值的true或者false相当于创建和销毁该节点（常用在不会频繁改变显示状态的地方）。
2.v-show: 在切换元素时，其属性值的true或者false相当于添加了个style样式的display:block;或者display:none;(当元素会频繁改变时使用)。
3. v-else: 用在v-if或者v-show后面，作为一个默认的样式，当v-if或者v-show属性值为false时，显示这个。
4. v-for: 用来循环一个数组或者一个对象来渲染一个列表。
5. v-on: 用来绑定一些时间，比如点击时间，可以简写为“@”。
6. v-bind: 用来动态的绑定一个或多个特性，比如class或者style样式等。可以简写为“：”
7. v-model: 一般用来实现表单元素和应用状态之间的双向绑定。