vue2 markdown

您可以使用vue-markdown-loader将markdown文件转换为Vue组件。首先，您需要安装vue-markdown-loader和markdown-it：

npm install vue-markdown-loader markdown-it --save-dev

然后在webpack配置文件中添加以下代码：

module.exports = {
  module: {
    rules: [
      {
        test: /\.md$/,
        use: [
          {
            loader: "vue-loader"
          },
          {
            loader: "vue-markdown-loader/lib/markdown-compiler",
            options: {
              // markdown-it config
              preset: "default",
              breaks: true,
              html: true
            }
          }
        ]
      }
    ]
  }
};

现在您可以在Vue组件中导入markdown文件并将其渲染为HTML：

<template>
  <div>
    <markdown :source="markdown" />
  </div>
</template>
<script>
import markdown from "./example.md";

export default {
  components: {
    markdown
  }
};
</script>