vue指令

1,v-pre,标签中的内容不需要通过vue的渲染,直接保持最原始的模样

<div v-pre>{{ "hello world" }}</div>

2,v-clock   解决用户看不到{{}}的情况,必须配合css一起使用

<div v-cloak>{{ "hello world" }}</div>

3,v-once  只能渲染一次,vue里面有内部的缓存,视图中的值从缓存中读取

<div v-once> {{ name }} </div>

4,v-html  innerHTML里面的值一定要可靠的来源,不可靠的值可能造成xss攻击

    <div v-html="dom">sdfsdfs</div>

5.v-text innerText  一样改变文本内容

<div v-text="name">hello</div>

6,v-if  v-else-if  v-else  顾名思义,就和JavaScript里面的判断一样用,注意不能分开,中间不能有其他插入。

<h1 v-if="flag">hello</h1>
<h1 v-else>world</h1>

 7,v-show  改变的display属性值

<h1 v-show="flag">hello world</h1>

 v-if和v-show的区别
1.v-if是删除这个dom节点,v-show控制css中的display属性,v-if的效率更高
2.v-show是不支持template

原文地址:https://www.cnblogs.com/Godfather-twq/p/11808337.html