插件安装

npm install vue3-markdown-it

views 

<script setup lang="ts">
import { ref } from "vue";
import Markdown from "vue3-markdown-it";
import "highlight.js/styles/agate.css";
import "@/assets/github-markdown.min.css";
const source = ref("");
fetch("/1.md")
  .then((response) => response.text())
  .then((data) => {
    source.value = data;
  });
</script>

<template>
  <div>
    <Markdown :source="source"></Markdown>
  </div>
</template>

注意:

如果报错

无法找到模块“vue3-markdown-it”的声明文件。“c:/App/node/test/node_modules/vue3-markdown-it/dist/vue3-markdown-it.umd.min.js”隐式拥有 "any" 类型.....

解决方案：在src 文件夹中，新建 types 文件夹 在新建一个 index.d.ts

declare module "vue3-markdown-it";