Vue 指令（二）

指令（二）

指令

2.4.v-html 将含有标签的字符串转化成为标签

为了防止 xss 攻击，默认情况下输出是不会作为 html 解析的，通过 v-html 可以让内容作为 html 进行解析

2.5.v-text 等同于{ {}} { {}}闪烁一下，再出数据 ,无法用于属性，前后可以添加内容，会被覆盖

<p v-text="title"></p>

弊端：v-text 会填充整个 innerHTML

v-html与v-text的区别：

相同点：
1. 都覆盖掉所在元素的子节点
2. 都可以去渲染数据
不同点：
1. text不能解析html标签
2. html可以解析html标签

2.6.v-show 显示和隐藏（display:none;） true显示 false 隐藏 可以判断 可以赋值

根据表达式的值（布尔值），切换元素的显示与隐藏（display 属性）

      适用于状态切换比较频繁的情况

<h3 v-show