Vue项目3.0中使用百度富文本编辑器ueditor

前言：

在开发项目由于需求vue自带对编辑器不能满足使用，所以改为百度编辑器，但是在网上搜索发现都讲得非常对乱，试了几个都没有，原因基本都是2.0版本的vue，3.0vue讲得非常对模糊。废话不多我们现在开始

第一步：

下载百度编辑器，由于官方原因，现在官方都是使用一个超大版对，我使用对旧版对JSP版，旧版JSP版可下载

第二步：

（1）将下载对项目重命名到public下的static文件夹下，这里的static文件需自己新建。

（2）添加

第三步：

在项目中运行安装依赖包   npm i vue-ueditor-wrap

第四步：

在需要使用对组件中

（1）引用

import VueUeditorWrap from 'vue-ueditor-wrap';

 

（2）挂载

（3）数据绑定 ： msg用于数据绑定

（4）运用 在需要用的地方

<vue-ueditor-wrap v-model="msg"></vue-ueditor-wrap>