uni-app 微信小程序通过自定义指令 eightlight.js高亮代码块

uni-app是一款用于快速构建多端应用的框架，它支持微信小程序、H5、App等平台。如果你想要在微信小程序中使用eightlight.js这样的工具来高亮显示代码块，UniApp提供了自定义指令的功能，可以让你在模板中直接使用。

自定义指令是一种扩展Vue框架的方式，允许你在HTML模板中插入一些特殊的指令，然后在运行时由框架处理。对于eightlight.js，你可以创建一个自定义指令，比如`highlight-code`，并在JavaScript文件中编写对应的实现，当这个指令遇到代码块时，加载并高亮展示代码。

步骤如下：

1. 创建指令：首先在`custom-directive.js`或类似文件中注册自定义指令，例如：

import Vue from 'vue'
export default {
  directive: 'highlight-code',
  bind(el, binding, vnode) {
    // 高亮代码的初始化和配置
  },
  update(el, binding, vnode) {
    // 当指令绑定的值变化时更新代码高亮
  },
  unbind(el, binding, vnode) {
    // 解除绑定时清理资源
  }
}

2. 注入到Vue实例：在main.js或全局组件中注入这个指令：

import customDirectives from './custom-directive.js'
Vue.use(customDirectives)

3. 使用指令：在WXML模板中使用`<div highlight-code="yourCodeHere"></div>`，将`yourCodeHere`替换为你想高亮的实际代码。