Vue２でマークダウン記法をHTMLに動的に変換

■マークダウンのパーサーを導入

今回は、以下の理由でmarkedではなく、markdown-it導入した。

• 拡張性が高い
• セキュリティ面を考慮

npm install markdown-it --save

■Vue

MarkdownItをインポートしたら、すぐに使える。

renderの他にも、メソッドが用意されている（調べてみてください）

</template>	
	<p v-html="convertMarkdownToHtml(markdown)"></p>
</template>

<script>
import MarkdownIt from 'markdown-it';

export default {
  methods: {
      convertMarkdownToHtml(markdown) {
          return new MarkdownIt().render(markdown);
      },
  }
};
</script>