vue2 markdown toc 文档导读功能怎么做

实现 Vue2 Markdown TOC 文档导读功能的一般步骤如下：

1. 安装 markdown-it 和 markdown-it-toc 插件。可以使用 npm 进行安装：

   npm install markdown-it markdown-it-toc --save

2. 在 Vue 组件中引入 markdown-it 和 markdown-it-toc 并创建实例。

   import MarkdownIt from 'markdown-it'
   import MarkdownItTOC from 'markdown-it-toc'

   const md = new MarkdownIt()
   md.use(MarkdownItTOC)

3. 将 markdown 文本渲染成 HTML 并提取 TOC。

   const html = md.render(markdownText)
   const toc = md.toc

4. 使用 v-html 指令将 HTML 渲染到页面上。

   <div v-html="html"></div>

5. 将 TOC 渲染成导航菜单。

   <nav>
     <ul>
       <li v-for="item in toc">
         <a :href="item.slug">{{ item.content }}</a>
         <ul v-if="item.children">
           <li v-for="child in item.children">
             <a :href="child.slug">{{ child.content }}</a>
           </li>
         </ul>
       </li>
     </ul>
   </nav>

其中，TOC 中的每个项都是一个对象，包含以下属性：

- `content`：标题内容。
- `slug`：标题的锚点链接。
- `level`：标题的级别。
- `children`：子标题数组，如果没有子标题则为 `null`。

使用以上步骤，就可以实现 Vue2 Markdown TOC 文档导读功能了。