插入 HTML 格式字符串

如果你通过插值表达式（）在页面上插入的内容是一个 HTML 格式字符串，或这是一个包含 HTML 标签的字符串，那么 Vue 默认是会将 HTML 标签进行转义，从而让你看到标签本身。例如：

<p>msg: {{ msg }}</p>

data() {
  return {
    msg: 'hello <strong>world</strong>'
  }
}

如果你心里的想法是想让 <strong> 起到加粗的『效果』，而非直接在页面看见它本身。那么你需要使用 v-html 来代替 。

Vue 的 v-html 指令能全面替代 Vue 中的 $().html() 方法。

<p>msg: {{msg}}</p>
<p v-html="'msg: ' + msg"></p>