<!-- You can custom the "myQuillEditor" name used to find the quill instance in current component --> <template>   <!-- bidirectional data binding（双向数据绑定） -->   <div class="quill-editor"         v-model="content"        v-quill:myQuillEditor="editorOption">   </div>    <!-- Or manually control the data synchronization（手动控制数据流）  -->   <div class="quill-editor"         :content="content"        @change="onEditorChange($event)"        v-quill:myQuillEditor="editorOption">   </div> </template>  <script>   export default {     data() {       return {         content: '<p>example content</p>',         editorOption: { /* quill options */ }       }     },     mounted() {       console.log('this is current quill instance object', this.myQuillEditor)     },     methods: {       onEditorChange(event) {         console.log('onEditorChange')       }     },     // Omit the same parts as in the following component sample code     // ...   } </script>

<template>   <!-- bidirectional data binding（双向数据绑定） -->   <quill-editor v-model="content"                 ref="myQuillEditor"                 :options="editorOption"                 @blur="onEditorBlur($event)"                 @focus="onEditorFocus($event)"                 @ready="onEditorReady($event)">   </quill-editor>    <!-- Or manually control the data synchronization（或手动控制数据流） -->   <quill-editor :content="content"                 :options="editorOption"                 @change="onEditorChange($event)">   </quill-editor> </template>  <script>    // you can also register quill modules in the component   import Quill from 'quill'   import { someModule } from '../yourModulePath/someQuillModule.js'   Quill.register('modules/someModule', someModule)      export default {     data () {       return {         content: '<h2>I am Example</h2>',         editorOption: {           // some quill options         }       }     },     // manually control the data synchronization     // 如果需要手动控制数据同步，父组件需要显式地处理changed事件     methods: {       onEditorBlur(quill) {         console.log('editor blur!', quill)       },       onEditorFocus(quill) {         console.log('editor focus!', quill)       },       onEditorReady(quill) {         console.log('editor ready!', quill)       },       onEditorChange({ quill, html, text }) {         console.log('editor change!', quill, html, text)         this.content = html       }     },     computed: {       editor() {         return this.$refs.myQuillEditor.quill       }     },     mounted() {       console.log('this is current quill instance object', this.editor)     }   } </script>