更新markdown演示组件调用方式

src/api/markdown.js

+import request from "axios";
+
+export function getList() {
+  return request({
+    url: "https://cdn.jsdelivr.net/gh/prettier/prettier@master/docs/options.md",
+    method: "get",
+  });
+}

src/views/vab/markdown/index.vue

@@ -16,8 +16,7 @@
 <script>
 <script>
 import marked from "marked";
 import marked from "marked";
 import "github-markdown-css/github-markdown.css";
 import "github-markdown-css/github-markdown.css";
-import md from "./js/markdown";
-
+import { getList } from "@/api/markdown";
 export default {
 export default {
   name: "Markdown",
   name: "Markdown",
   data() {
   data() {
@@ -43,11 +42,12 @@ export default {
       this.value = val;
       this.value = val;
       this.fetchData();
       this.fetchData();
     },
     },
-    fetchData() {
+    async fetchData() {
       this.listLoading = true;
       this.listLoading = true;
       switch (this.value) {
       switch (this.value) {
         case "0":
         case "0":
-          this.prettierList = marked(md || "", {
+          const { data } = await getList();
+          this.prettierList = marked(data || "", {
             renderer: new marked.Renderer(),
             renderer: new marked.Renderer(),
             gfm: true,
             gfm: true,
             tables: true,
             tables: true,