<template>

<div data-page="releaseNotice">
    <vue-html5-editor :content="content" :height="500"></vue-html5-editor>
</div>

</template>

<script>

import Vue from 'vue'
import VueHtml5Editor from 'vue-html5-editor'
Vue.use(VueHtml5Editor,options);
export default {
    data() {
        return {}
    },
    methods : {
        Vue.use(VueHtml5Editor, {
               // 全局组件名称，使用new VueHtml5Editor(options)时该选项无效 
            // global component name
            name: "vue-html5-editor",
            // 是否显示模块名称，开启的话会在工具栏的图标后台直接显示名称
            // if set true,will append module name to toolbar after icon
            showModuleName: false,
            // 自定义各个图标的class，默认使用的是font-awesome提供的图标
            // custom icon class of built-in modules,default using font-awesome
            icons: {
                text: "fa fa-pencil",
                color: "fa fa-paint-brush",
                font: "fa fa-font",
                align: "fa fa-align-justify",
                list: "fa fa-list",
                link: "fa fa-chain",
                unlink: "fa fa-chain-broken",
                tabulation: "fa fa-table",
                image: "fa fa-file-image-o",
                hr: "fa fa-minus",
                eraser: "fa fa-eraser",
                undo: "fa-undo fa",
                "full-screen": "fa fa-arrows-alt",
                info: "fa fa-info",
            },
            // 配置图片模块
            // config image module
            image: {
                // 文件最大体积，单位字节  max file size
                sizeLimit: 512 * 1024,
                // 上传参数,默认把图片转为base64而不上传
                // upload config,default null and convert image to base64
                upload: {
                    url: null,
                    headers: {},
                    params: {},
                    fieldName: {}
                },
                // 压缩参数,默认使用localResizeIMG进行压缩,设置为null禁止压缩
                // compression config,default resize image by localResizeIMG (https://github.com/think2011/localResizeIMG)
                // set null to disable compression
                compress: {
                    width: 1600,
                    height: 1600,
                    quality: 80
                },
                // 响应数据处理,最终返回图片链接
                // handle response data，return image url
                uploadHandler(responseText){
                    //default accept json data like  {ok:false,msg:"unexpected"} or {ok:true,data:"image url"}
                    var json = JSON.parse(responseText)
                    if (!json.ok) {
                        alert(json.msg)
                    } else {
                        return json.data
                    }
                }
            },
            // 语言，内建的有英文（en-us）和中文（zh-cn）
            //default en-us, en-us and zh-cn are built-in
            language: "zh-cn",
            // 自定义语言
            i18n: {
                //specify your language here
                "zh-cn": {
                    "align": "对齐方式",
                    "image": "图片",
                    "list": "列表",
                    "link": "链接",
                    "unlink": "去除链接",
                    "table": "表格",
                    "font": "文字",
                    "full screen": "全屏",
                    "text": "排版",
                    "eraser": "格式清除",
                    "info": "关于",
                    "color": "颜色",
                    "please enter a url": "请输入地址",
                    "create link": "创建链接",
                    "bold": "加粗",
                    "italic": "倾斜",
                    "underline": "下划线",
                    "strike through": "删除线",
                    "subscript": "上标",
                    "superscript": "下标",
                    "heading": "标题",
                    "font name": "字体",
                    "font size": "文字大小",
                    "left justify": "左对齐",
                    "center justify": "居中",
                    "right justify": "右对齐",
                    "ordered list": "有序列表",
                    "unordered list": "无序列表",
                    "fore color": "前景色",
                    "background color": "背景色",
                    "row count": "行数",
                    "column count": "列数",
                    "save": "确定",
                    "upload": "上传",
                    "progress": "进度",
                    "unknown": "未知",
                    "please wait": "请稍等",
                    "error": "错误",
                    "abort": "中断",
                    "reset": "重置"
                }
            },
            // 隐藏不想要显示出来的模块
            // the modules you don't want
            hiddenModules: [],
            // 自定义要显示的模块，并控制顺序
            // keep only the modules you want and customize the order.
            // can be used with hiddenModules together
            visibleModules: [
                "text",
                "color",
                "font",
                "align",
                "list",
                "link",
                "unlink",
                "tabulation",
                "image",
                "hr",
                "eraser",
                "undo",
                "full-screen",
                "info",
            ],
            // 扩展模块，具体可以参考examples或查看源码
            // extended modules
            modules: {
                //omit,reference to source code of build-in modules
            }
        })
    },
    components: { VueHtml5Editor }
}

</script>

这样写有错，请谁告诉我正确的使用方法