Vuejs学习系列(十六)--模板语法(二)

2.纯HTML

双大括号会将数据解释为纯文本,而非HTML。为了输出真正的HTML,你需要使用v-html指令:

被插入的内容都会被当做HTML ——数据绑定会被忽略。注意,你不能使用v-html来复合局部模板,因为Vue不是基于字符串的模板引擎。组件更适合担任UI重用与复合的基本单元。

你的站点上动态渲染的任意HTML可能会非常危险,因为它很容易导致XSS攻击。请只对可信内容使用HTML插值,绝不要对用户提供的内容插值。

下面我们通过使用v-html指令用于输出html代码:

Vuejs学习系列(十六)--模板语法(二)_第1张图片

在页显示结果

Vuejs学习系列(十六)--模板语法(二)_第2张图片

你可能感兴趣的:(Vuejs学习系列(十六)--模板语法(二))