Vue 中使用 markdown

王秀龙的博客

于 2020-07-03 13:02:23 发布

阅读量755

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： markdown vue

本文链接：https://blog.youkuaiyun.com/weixin_43823236/article/details/107103638

vue 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍如何在Vue项目中使用Markdown。通过安装marked插件并将其引入到Vue组件中，可以将Markdown格式的文本转换为HTML显示。适用于使用CLI3+创建的Vue项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue 中使用 markdown

注意项目使用 CLI3+创建

首先安装 marked 插件

使用 npm

npm install marked -S

使用 yarn

yarn add marked

在组件中引入 marked

<template>

  <div v-html="md"></div>

</template>


<script>

  //引入marked

  const marked = require('marked')

  export default {

    data() {

      return {

        md: ''

      }

    },

    created() {

      // 调用marked函数，传入markdown格式的内容，返回一段html

      this.md = marked('# Vue 中使用 markdown')

    }

  }

</script>