第一步，安裝依賴，並且把ueditor整個資料夾放入public裡邊

第二步，在你需要編輯的地方引入，或者main.js中全域性引入

XX.vue檔案中寫入下面程式碼，建立編輯器。

<vue-ueditor-wrap v-model="form.content" :config="myConfig" @ready='ueditor'></vue-ueditor-wrap>

　第三步，在script中引入

import VueUeditorWrap from 'vue-ueditor-wrap'

第四步，在export default {}中加入

omponents: { VueUeditorWrap },

然後在data(){}中新增工具欄等配置檔案

第五步，在methods:{}中配置請求引數，以攜帶token啥的

    ueditor (ueditor) {
      ueditor.execCommand('serverparam', ueditor => {
        return {
          userToken: window.sessionStorage.getItem('userToken'),
          Rtoken: window.sessionStorage.getItem('Rtoken')
        }
      })

完整配置

<template>
  <vue-ueditor-wrap v-model="form.content" :config="myConfig" @ready='ueditor'></vue-ueditor-wrap>
</template>

<script>
import VueUeditorWrap from 'vue-ueditor-wrap'
export default {
  name: 'ueditor',
  omponents: { VueUeditorWrap },
  data () {
    return {
      myConfig: {
        serverUrl: 
 
'',
        UEDITOR_HOME_URL: '/editor/',
        autoHeightEnabled: true,
        autoFloatEnabled: false,
        initialFrameHeight: 540,
        initialFrameWidth: '100%',
        maximumWords: 2000,
        enableAutoSave: true,
        toolbars: [[
          'fontfamily', // 字型
          'fontsize',
          'bold', // 加粗
          'indent', // 首行縮排
          'justifyleft', // 居左對齊
          'justifyright', // 居右對齊
          'justifycenter', // 居中對齊
          'forecolor',
          'link',
          'insertorderedlist',
          'insertunorderedlist',
          'insertcode',
          'spechars', // 特殊字元
          'pagebreak', // 分頁
          'attachment', // 附件
          'imagecenter', // 居中
          'wordimage', // 圖片轉存
          'time',
          'date'

        ]]
      }
    }
  },
  methods: {
    ueditor (ueditor) {
      ueditor.execCommand('serverparam', ueditor => {
        return {
          userToken: window.sessionStorage.getItem('userToken'),
          Rtoken: window.sessionStorage.getItem('Rtoken')
        }
      })
    }
  }
}
</script>