vue指令

vue指令:

1.  v-if、v-else、 v-else-if

控制组件结构、可以直接让html隐藏

2.  v-for

循环数组生成html结构

3.v-bind

缩写  :

给属性添加data中的值

4.v-model

双向绑定,加给表单元素

5.v-on

缩写 @

绑定事件

6.v-show

css进行display:none的操作

7.v-text、v-html

v-text和{{}}一样

v-text不解释标签,v-html解释标签

解释html标签可能导致xss攻击,不要使用用户提供的内容插值

8.v-pre

如果想显示{{ }}标签,而不进行替换,使用v-pre即可调过这个元素和它的子元素的编译过程

9.v-cloak

包含 v-cloak  属性的 html 标签在页面初始化时会被隐藏,解决页面加载时出现 vuejs 的变量名

10.v-once

只渲染元素和组件一次,随后的渲染,使用了此指令的元素/组件及其所有的子节点,都会当作静态内容并跳过,这可以用于优化更新性能

原文地址:https://www.cnblogs.com/anziran/p/10126988.html