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