Vueがマークダウン構文を解析した.mdファイルを導入しました

module.exportsは= { 
    chainWebpack：設定=> { 
        config.module 
            .rule（ 'MD'）
            .TEST（/ \ MD $ /。）
            .USE（ 'HTML-ローダー'）
            .loader（ 'htmlのローダ'） 
            。エンド（）
            .USE（ 'マークダウンローダ'）
            .loader（ 'マークダウンローダ'）
            .END（）
    } 
}

　　

この構成は、vue.config.jsです

あなたは依存関係をインストールする必要があります。

cnpm私は、HTMLローダー値下げ-ローダー--save-devの

　　

使用したファイル

<テンプレート> 
  の<div> 
    <divのV = -html "MD"> 
            
    </ div> 
  </ div> 
</テンプレート> 

<SCRIPT> 
"../../assets/demo.md"からインポートデモ; 

コンソール。ログ（デモ）

輸出デフォルト{ 
  データ（）{ 
    リターン{ 
      MD：デモ
    }; 
  } 
}; 
</ SCRIPT> 

<スタイルLANG = "少ない"スコープ> 
ここで値下げラベルスタイルが出て解析された//制約、提供されるH3 } ... { 
</スタイル>

　　

指定されていない場合、にconsole.log MDローダ、組み込まdemo.md（）は出力テンプレートVUE解析対象（処理後の目標VUEローダ）です。HTMLは文字列解析MDの出力の後に配置されています