vue 顯示獲取的md文檔

     由於後臺管理系統寫的文章是md格式的，有時候需要在後臺修改文章，文章保存在數據庫中的格式也是md的，因爲這樣方便文章還原到編輯器；那前端網站要展示這種md的文檔時，就涉及到了將md文檔轉換爲html

 這裏用到的是vue-markdown

步驟：

1. 安裝npm install text-loader --save
2. 在webpack.base.config.js中添加
       {
           test: /.md$/,
           loader: ‘text-loader’
       }
3. 安裝md解析器如vue-markdown，npm install vue-markdown --save
4. 引用vue-markdown並且註冊組件，import VueMarkdown from 'vue-markdown';

   components:{VueMarkdown}

5. 使用<VueMarkdown :source="articleList"></VueMarkdown>

source屬性指向你的md文檔articleList

效果：