Vue 2.x #

<template>
  <DocumentEditor 
    id="docEditor" 
    :documentServerUrl="documentServerUrl"
    :config="config"
    :events_onDocumentReady="onDocumentReady"
    /> 
</template>

<script>
import { DocumentEditor } from "document-editor-vue";
 
export default {
  name: 'ExampleComponent',
  components: {
    DocumentEditor
  },
  data() {
    return {
      documentServerUrl:"http://10.10.31.157:7008/web-apps/apps/api/documents/api.js",
      config: {
        document: {
          fileType: "docx",
          key: "Khirz6zTPdfd7",
          title: "Example Document Title.docx",
          url: "https://example.com/url-to-example-document.docx"
        },
        documentType: "word",
        editorConfig: {
          callbackUrl: "https://example.com/url-to-callback.ashx"
        }
      }
    }
  },
  methods: {
    onDocumentReady() {
      console.log("Document is loaded");
    }
  },
};
</script>