Vue 中使用 markdown

注意项目使用 CLI3+创建

使用 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>

Leave Comment

电子邮件地址不会被公开。 必填项已用*标注