Vue 常用的指令都有哪些?并且说明其作用

1,258 阅读1分钟

Vue常用的指令有15个

1、v-model

  多用于表单元素实现双向数据绑定
  

2、v-for

  多用于循环创建DOM元素
  

3、v-show

 显示内容 (通过修改标签上的display属性,来进行显示和隐藏)
 

4、v-hide

 隐藏内容
 

5、v-if

 显示与隐藏 (创建和删除DOM元素 默认值为 false

6、v-else-if

 必须和 v-if 连用 
 

7、v-else

 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误
 

8、v-bind

 动态绑定 作用: 及时对页面的数据进行更改
 

9、v-on:click

 给标签绑定函数,可以缩写为@,例如绑定一个点击函数 函数必须写在 methods里面
 

10、v-text

 解析文本
 

11、v-html

解析 html 标签

12、v-bind:class

三种绑定方法 
1、对象型 '{red:isred}' 
2、三元型 'isred?"red":"blue"'
3、数组型 '[{red:"isred"},{blue:"isblue"}]'

13、v-once

进入页面时 只渲染一次 不在进行渲染

14、v-cloak

防止闪烁

15、v-pre

把标签内部的元素原位输出