Vue脚手架环境中简单使用MarkDown（只入门）

最新推荐文章于 2024-04-05 09:44:06 发布

桂亭亭

最新推荐文章于 2024-04-05 09:44:06 发布

阅读量1k

点赞数 1

分类专栏： Vue 文章标签： vue.js 前端 npm

本文链接：https://blog.csdn.net/qq_53679247/article/details/127991086

版权

Vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

入门

高级使用

入门

1 所在终端输入

npm install vue-meditor

2 复制以下代码

先新建一个组件

<template>
  <div>
    <MavonEditor v-model="myMarkDownData"/>
    <button @click="submit">提交</button>
  </div>
</template>

<script>
// 导入markdown组件
import MavonEditor from 'vue-meditor'
export default {
  name: "MyMarkDown",
  //使用该组件
  components: {
    MavonEditor: MavonEditor,
  },
  data() {
    return {
      myMarkDownData: "",
    }
  },
  methods:{
    submit()
    {
      console.log("提交的数据为",this.myMarkDownData)
    }
  }

}
</script>

要使用引入即可