vue 中使用cherry-markdown

Cherry Markdown是一个基于Vue.js的Markdown组件库，可以很方便地在Vue项目中使用。以下是使用Cherry Markdown的步骤：

1. 安装Cherry Markdown

可以使用npm或yarn安装Cherry Markdown：

npm install cherry-markdown

或者

yarn add cherry-markdown

2. 在Vue项目中引入Cherry Markdown

在Vue项目的main.js文件中引入Cherry Markdown：

import Vue from 'vue'
import CherryMarkdown from 'cherry-markdown'

Vue.use(CherryMarkdown)

3. 在Vue组件中使用Cherry Markdown

在Vue组件中使用Cherry Markdown组件：

<template>
  <div>
    <cherry-markdown :source="markdown"></cherry-markdown>
  </div>
</template>

<script>
export default {
  data() {
    return {
      markdown: '# Hello, Cherry Markdown'
    }
  }
}
</script>

在这个例子中，我们将Markdown源代码传递给Cherry Markdown组件的source属性。Cherry Markdown会自动将Markdown源代码转换为HTML并显示出来。

除了source属性，Cherry Markdown还支持其他属性，如theme、highlight等。你可以查看Cherry Markdown的文档以了解更多信息。