为了防止 xss 攻击，默认情况下输出是不会作为 html 解析的，通过 v-html 可以让内容作为 html 进行解析
2.5.v-text 等同于{{}} {{}}闪烁一下，再出数据 ,无法用于属性，前后可以添加内容，会被覆盖
<p v-text="title"></p>弊端：v-text 会填充整个 innerHTML
相同点： 1. 都覆盖掉所在元素的子节点 2. 都可以去渲染数据 不同点： 1. text不能解析html标签 2. html可以解析html标签
根据表达式的值（布尔值），切换元素的显示与隐藏（display 属性）
适用于状态切换比较频繁的情况 <h3 v-show="a==baba">3333</h3>**2.7.v-if 隐藏：不会渲染该标签 相当于js中的if v-else ，v-else-if
根据表达式的值（布尔值），创建或销毁元素
适用于状态切换不频繁的情况 v-else / v-else-if 与 v-else 配合 <div v-if="num>=90"> 优秀 </div> <div v-else-if="num>=60"> 良好 </div> <div v-else> 不及格 </div>v-show ： 显示和隐藏 v-if : 创建和销毁
2.9.v-cloak {{}}闪烁一下，再出数据 ,无法用于属性，前后可以添加内容
<p v-cloak>{{title}}</p>需要配合 css 进行处理
<style> [v-cloak] { display: none; } </style>2.10 v-on 事件
<h1 v-on:click="show">{{msg}}</h1> 简写： <h1 @click="show">{{msg}}</h1> 取消右键菜单 @contextmenu.prevent="down()" 事件修饰符： https://www.cnblogs.com/xuqp/p/9406971.html .stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡 .prevent：等同于JavaScript中的event.preventDefault()，阻止事件默认行为 .capture：与事件冒泡的方向相反，事件捕获 由外到内(先触发) .self：只会触发自己(内容文本)范围内的事件，不包含子元素(标签)，该冒泡还是要冒泡 .once：只会触发一次,相当于把自己绑定的事件删除 .passive 不阻止事件默认行为 @click.self.prevent 自己 取消默认行为 @click.prevent.self 所有取消默认行为 自己 按键修饰符： .enter：回车键 .tab：制表键 .delete：含delete和backspace键 .esc：返回键 .space: 空格键 .up：向上键 .down：向下键 .left：向左键 .right：向右键 用按键修饰符 <input type="text" @keyup.down="showTwo()"/> 用keyCode <input @keydown.67="show()" /> 可以直接写键盘码值 或 用自己的名称，替换可以keyCode <input @keydown.c="show()" /> Vue.config.keyCodes.c = 67;组合版（单按a,b，c）
<input type="text" @keyup.a.b.c="showa"/> 鼠标修饰符： .left：鼠标左键 .middle：鼠标中间滚轮 .right：鼠标右键 右键单击不出菜单栏，出效果 <div class="one" @mousedown.right="show"></div>