Vue.js 中如何将 HTML 字符串转换为可渲染内容 - 使用 v-html 指令

在 Vue.js 中，可以使用 'v-html' 指令将一个包含 HTML 标签的字符串转换为可传递的字符串。例如：

<template>
  <div>
    <div v-html='htmlString'></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      htmlString: '<p>This is a <strong>bold</strong> text.</p>'
    }
  }
}
</script>

在上面的例子中，'htmlString' 变量包含一个包含 HTML 标签的字符串。通过使用 'v-html' 指令，Vue 会将其转换为可传递的字符串，并在页面中渲染为相应的 HTML 标签。