npm i marked -S npm install github-markdown-css -D npm install highlight.js -D

import marked from 'marked'
import hljs from "highlight.js"; // 引入 highlight.js 
import "highlight.js/styles/github.css"; // 引入高亮樣式 // 其他元素使用 github 的樣式 
import "github-markdown-css";

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

mounted() {
  
 
var rendererMD = new marked.Renderer(); // 初始化
  marked.setOptions({  //設定樣式
   renderer: rendererMD,
    highlight: function(code) {
    return hljs.highlightAuto(code).value;
   },
   pedantic: false,
   gfm: true,
   tables: true,
   breaks: true,
   sanitize: false,
   smartLists: true,
   smartypants: 
 
false,
   xhtml: false,
  });
  this.trandform();
  //樣式監聽
  this.$refs.markdown_id.addEventListener("scroll", this.handleScroll);
 },
 methods: {
  trandform() {
      //轉換html
   this.temp = marked("# Marked in the browser\nRendered by **marked**."); // 將markdown內容解析
  },
 }