Ckeditor.vue

<template>
    <textarea id="editor" :value="value"
        v-on:input="updateValue($event.target.value)" >
    </textarea>
</template>

<script>
import ClassicEditor from '@ckeditor/ckeditor5-build-classic'

export default {
  name: 'Ckeditor',
  data: function () {
    return {
      instance: null
    }
  },
  props: ['value'],
  watch: {
    value () {
      let html = this.instance.getData()
      if (html !== this.value) {
        this.instance.setData(this.value)
      }
    }
  },
  mounted () {
    ClassicEditor
      .create(this.$el, {
        toolbar: ['bold', 'italic', 'link', 'bulletedList']
      })
      .then(editor => {
        this.instance = editor
        editor.model.document.on(change, () => { this.updateValue(editor.getData()) })
      })
      .catch(error => {
        console.error(error)
      })
  },
  methods: {
    updateValue: function (value) {
      this.$emit('input', value)
    }
  }
}
</script>