CK Editor 5从源代码构建+Vue JS+本地使用组件=重复

要解决"CK Editor 5从源代码构建+Vue JS+本地使用组件=重复"的问题，您可以按照以下步骤进行操作：

1. 确保您已经安装了Node.js和npm。

2. 在您的项目文件夹中，使用以下命令初始化一个新的Vue项目：

vue create ckeditor-demo

3. 进入项目文件夹：

cd ckeditor-demo

4. 安装CK Editor 5的npm模块：

npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic

5. 在项目的src文件夹中创建一个名为CKEditor.vue的文件，并将以下代码复制到该文件中：

<template>
  <div>
    <h1>CKEditor 5 Demo</h1>
    <ckeditor :editor="editor" v-model="editorData"></ckeditor>
  </div>
</template>

<script>
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import CKEditor from "@ckeditor/ckeditor5-vue";

export default {
  components: {
    ckeditor: CKEditor.component
  },
  data() {
    return {
      editor: ClassicEditor,
      editorData: ""
    };
  }
};
</script>

6. 在项目的src文件夹中的App.vue文件中，将以下代码替换为默认的模板代码：

<template>
  <div id="app">
    <CKEditor />
  </div>
</template>

<script>
import CKEditor from "./CKEditor";

export default {
  name: "App",
  components: {
    CKEditor
  }
};
</script>

7. 在项目的src文件夹中的main.js文件中，添加以下代码以引入CK Editor 5的CSS样式：

import "@ckeditor/ckeditor5-build-classic/build/translations/zh-cn.js";
import "@ckeditor/ckeditor5-build-classic/build/ckeditor.css";

8. 在项目的根目录下运行以下命令来启动Vue开发服务器：

npm run serve

9. 在浏览器中打开http://localhost:8080来查看您的CK Editor 5应用程序。

这样，您就可以在Vue项目中使用CK Editor 5来创建富文本编辑器，并在本地使用组件，而不会出现重复的问题。