nutui 展示富文本

NutUI 是一个基于 Vue.js 的移动端 UI 组件库，其中包括了展示富文本的组件。

要展示富文本，可以使用 NutUI 中的 `nut-parse` 组件。该组件是一个基于 `html-parse` 库实现的 HTML 解析器，可以将 HTML 字符串转换为对应的 VNode，最终渲染成页面上的 DOM 元素。

使用 `nut-parse` 组件展示富文本的步骤如下：

1. 安装 NutUI：在项目中引入 NutUI，具体可以参考 NutUI 的官方文档。

2. 在组件中引入 `nut-parse` 组件：

<template>
  <nut-parse :content="html"></nut-parse>
</template>

<script>
import { NutParse } from '@nutui/nutui';
import '@nutui/nutui/dist/nutui.css';

export default {
  components: {
    NutParse
  },
  data() {
    return {
      html: '<p>这是一段富文本内容</p>'
    }
  }
}
</script>

3. 在组件的 data 中定义要展示的 HTML 字符串，并绑定到 `nut-parse` 的 `content` 属性上即可。

需要注意的是，由于 `nut-parse` 组件内部使用了 `v-html` 指令，因此需要在使用时确保 HTML 字符串是可信的，以避免 XSS 攻击等安全问题。