uni-app 微信小程序对html中的代码块进行高亮显示使用highlight.js

uni-app在微信小程序中使用`highlight.js`进行HTML代码块高亮显示，可以帮助开发者更好地展示代码示例，提高文档的可读性和用户体验。`highlight.js`是一个JavaScript库，它支持多种编程语言的语法高亮，只需通过正确的标签包裹代码，并引入`highlight.min.js`文件，就能实现自动识别并高亮渲染。

例如，在uni-app的小程序中，你可以这样做：

<template>
  <div class="code-block">
    <pre><code class="language-js">{{ code }}</code></pre>
  </div>
</template>

<script>
export default {
  data() {
    return {
      code: `
        // 这里是一段JavaScript代码
        let num = 42;
        console.log(num);
      `,
    };
  },
  mounted() {
    hljs.highlightBlock(this.$el.querySelector('pre code')); // 使用highlight.js高亮
  },
};
</script>

<style scoped>
.code-block {
  /* 样式自定义 */
}
</style>

在这个例子中，`<pre><code class="language-js">...</code></pre>`是HTML标记，`language-js`指定了使用的语言类型，然后在`mounted`生命周期钩子中调用`hljs.highlightBlock`进行高亮处理。