如果你還沒有了解過 Markdown，那么請先移步Markdown 教程進行學習。在 Vue 中使用 Markdown 就需要使用 markdown-it 這個插件。

npm install markdown-it --save

這是安裝所需要的命令，接下來我們需要在 main.js 中進行配置，具體步驟如下：

import Vue from 'vue'
import VueMarkdown from 'vue-markdown'
import MarkdownIt from 'markdown-it'
Vue.use(VueMarkdown);
const md = new MarkdownIt({
html: true
});
Vue.prototype.$md = function (markdown) {
return md.render(markdown);
};

這一段代碼是在 Vue 中配置 markdown-it 的步驟。首先，在 main.js 中需要引入相應的模塊庫：Vue、VueMarkdown 以及 MarkdownIt。然后，需要調用 Vue.use(VueMarkdown) 方法進行初始化。接下來是配置 markdown-it 的具體參數。這里我們配置了參數為 html：true，意思是設置允許使用 HTML。

最后一段代碼是在 Vue 的原型上添加了一個方法 $md，最終包裝了 md.render 函數，用于將 Markdown 轉換為 HTML 代碼。

在 Vue 的目標頁面中，只需要按照下面方式引用即可：

<template>
<div v-html="$md(markdown)" />
</template>
<script>
export default {
data () {
return {
markdown: '### This is a title'
}
}
}
</script>

這是 Vue 中使用 Markdown 的方式，使用 v-html 指令使 HTML 按照 $md 轉換出來的格式進行展現。