vue项目中如何使用markdown编辑器插件_bootstrap markdown编辑器 如何在vue中使用

90 阅读3分钟

总结

=============================================================

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

开源分享:docs.qq.com/doc/DSmRnRG… 1.安装mavon-editor

$ npm install mavon-editor --save

需要使用Markdown编辑器的页面js中:

import { mavonEditor } from ‘mavon-editor’
import ‘mavon-editor/dist/css/index.css’

export default {
components: {
mavonEditor
}
}
html:

<mavonEditor v-model=“content” ref=“md” @imgAdd="$imgAdd" @change=“changeMavon”/>
js:

data(){
return{
content:’’,
configs:{

       }
    }
},
components:{
    mavonEditor
},
methods:{
    changeMavon(){
#### 总结

=============================================================

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础



![](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/543b053851504bc1984e23d28399440e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1772523380&x-signature=l71PFixxXeY2o95pjyJMg2lhI2E%3D)

第二阶段:移动端开发技术



![](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/d4e85b757ce540338b09f1a068c2864d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1772523380&x-signature=1CkY3U4VMNLKMs0Mltqb4cNXZuM%3D)



第三阶段:前端常用框架



![](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/1a04973bea7240a8b9973964fb8c74c9~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1772523380&x-signature=p7f%2FVKNpYXxo1q3uKOcr1%2Fi%2BPkw%3D)



*   推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。



*   大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。