vue3使用wangeditor

Vue3是一种流行的JavaScript框架，而WangEditor是一款基于Vue的富文本编辑器。下面是使用Vue3和WangEditor的步骤：

1. 首先，你需要在你的Vue项目中安装WangEditor。可以通过npm或yarn来安装，命令如下：

   npm install wangeditor

或

   yarn add wangeditor

2. 在你的Vue组件中引入WangEditor，并在`mounted`钩子函数中初始化编辑器。示例代码如下：

   <template>
     <div>
       <div ref="editor"></div>
     </div>
   </template>

   <script>
   import WangEditor from 'wangeditor';

   export default {
     mounted() {
       const editor = new WangEditor(this.$refs.editor);
       editor.create();
     }
   }
   </script>

3. 接下来，你可以根据需要配置WangEditor的选项。例如，你可以设置编辑器的高度、自定义菜单等。具体的配置方法可以参考WangEditor的官方文档。

4. 最后，你可以在Vue组件中使用编辑器的内容。你可以通过监听编辑器的`change`事件来获取编辑器中的内容，并将其保存到Vue组件的数据中。

以上就是使用Vue3和WangEditor的基本步骤。希望对你有所帮助！