vue marked美化

Vue Markdowned是一个用于Vue.js应用中的Markdown解析库，它结合了Vue的组件化思想，允许你在Vue项目中方便地渲染Markdown文本，并提供了额外的样式美化功能。通过使用`vue-markdown-loader`配合Webpack，你可以将Markdown文件转换成HTML结构，并在运行时动态渲染出来。Vue-Marked支持自定义CSS主题、图片预加载、代码块高亮等功能，可以让你的Markdown内容更具视觉吸引力。

安装时，你需要在`npm install`或`yarn add`中添加`vue-marked`和相关的依赖，例如`markdown-it`作为Markdown解析引擎。然后在Vue组件中使用`v-html`指令展示经过处理的Markdown内容，或者使用Vue提供的模板语法来绑定Markdown字符串并渲染。

示例：

<template>
  <div>
    <p v-html="formattedMarkdown"></p>
  </div>
</template>

<script>
import { markdownIt } from 'vue-marked'

export default {
  data() {
    return {
      markdownContent: '# Hello, World!'
    }
  },
  computed: {
    formattedMarkdown() {
      const md = markdownIt()
      return md.render(this.markdownContent)
    }
  }
}
</script>