markdownit-vue如何使用

MarkdownIt-Vue是一个基于Markdown-it库的Vue.js组件，它允许你在Vue应用中方便地渲染Markdown文本。以下是基本的使用步骤：

1. **安装**:
首先，你需要通过npm或yarn安装`markdown-it`和`markdown-it-vue`包：

   npm install markdown-it markdown-it-vue
   或
   yarn add markdown-it markdown-it-vue

2. **引入并配置**:
在你的Vue文件中，导入MarkdownItVue组件，并创建一个MarkdownIt实例配置你喜欢的选项（如语法高亮、表情包等）：

   import MarkdownIt from 'markdown-it';
   import MarkdownItVue from 'markdown-it-vue';

   const md = new MarkdownIt({
     html: true, // 允许HTML标签
     linkify: true, // 自动识别URL
     typographer: true, // 自动转换一些常见的排版约定
   });
   
   Vue.component('md-render', MarkdownItVue(md));

3. **在模板中使用**:
现在你可以在模板上使用`md-render`组件，并传递Markdown内容作为字符串：

   <template>
     <md-render :content="markdownText" />
   </template>

   <script>
   export default {
     data() {
       return {
         markdownText: '这是一个Markdown示例：*斜体* **粗体** [链接](https://example.com)',
       };
     },
   };
   </script>

这样，当你更新`markdownText`数据时，组件会自动将Markdown转换为HTML。