ueditor vue

<template>
  <div>
    <UEditor :content="editorContent" @ready="onEditorReady" />
  </div>
</template>

<script>
import UEditor from 'ueditor.vue';

export default {
  components: {
    UEditor
  },
  data() {
    return {
      editorContent: ''
    };
  },
  methods: {
    onEditorReady(editorInstance) {
      // 当编辑器准备好时，可以在这里进行一些初始化操作
      console.log('UEditor is ready', editorInstance);
    }
  }
};
</script>

<style scoped>
/* 样式可以根据需要自定义 */
</style>

解释说明：

1. 组件引入：我们使用了 ueditor.vue 这个 Vue 组件来集成 UEditor 编辑器。
2. 模板部分：在模板中，我们通过 <UEditor> 标签引入了 UEditor 组件，并绑定了 content 属性和 @ready 事件。
3. 数据绑定：editorContent 是一个 Vue 的数据属性，用于存储编辑器的内容。
4. 方法：onEditorReady 方法会在 UEditor 编辑器加载完毕后被调用，可以在这里进行一些初始化操作或获取编辑器实例。