  <template>
    <div>
    <!-- bidirectional data binding（双向数据绑定） -->
      <Modal v-model='modal' fullscreen>
         <editor @getValue='getInfo' :uploadUrl='uploadUrl' :value='value'></editor>
         <div slot='footer'>
        <Button @click='getInfo'>获取内容</Button>
           
         </div>      
      </Modal>
    </div>
  </template>
   
  <script>
    import editor from './ckeditor.vue'
    export default {
      data () {
        return {
          modal: true,
          content: '<h2>I am Example</h2>',
          content1: '<h2>I am Example</h2>',
          uploadUrl: '',
          value: '22',
          editorOption: {
            // some quill options
          }
        }
      },
      components: {
        editor
      },
      // manually control the data synchronization
      // 如果需要手动控制数据同步，父组件需要显式地处理changed事件
      methods: {
        getInfo(value) {
        console.log(value)
       },
      },
      computed: {
      },
      mounted() {
      }
    }
  </script>