Vue.js 将Pell.js转换为Vue组件以进行自定义

我正在尝试从pell富文本编辑器转换为vue组件。我已经下载了pell.js并将其转换为vue组件，但现在遇到了一些问题。 我将所有数据和方法从pell传输到vue组件

我在created（）方法中调用了这个.init函数。它表明在datas（）中定义的this.defaultActions在init函数中没有定义

请给我任何建议。谢谢

这是我的vue组件

佩尔
文本输出：
HTML输出：
var_extends=Object.assign | |函数（target）{for（var i=1；i({
defaultParagraphSeparator字符串：“defaultParagraphSeparator”，
formatBlock:“formatBlock”，
默认操作：{
粗体：{
图标：“B”，
标题：“粗体”，
状态：函数状态（）{
返回此.queryCommandState（'bold'）；
},
结果：函数结果（）{
返回此.exec（'bold'）；
}
},
斜体：{
图标：“我”，
标题：'斜体'，
状态：函数状态（）{
返回此.queryCommandState（'italic'）；
},
结果：函数结果（）{
返回此.exec（'italic'）；
}
},
下划线：{
图标：“U”，
标题：“下划线”，
状态：函数状态（）{
返回此.queryCommandState（'underline'）；
},
结果：函数结果（）{
返回此.exec（“下划线”）；
}
},
删除线：{
图标：“S”，
标题:"打通",，
状态：函数状态（）{
返回此.queryCommandState（'strikeThrough'）；
},
结果：函数结果（）{
返回此.exec（“删除线”）；
}
},
标题1：{
图标：“H1”，
标题：‘品目1’，
结果：函数结果（）{
返回this.exec（'formatBlock'，''；
}
},
标题2：{
图标：“H2”，
标题：‘品目2’，
结果：函数结果（）{
返回this.exec（'formatBlock'，''；
}
},
第段：{
图标：“¶；”，
标题：“段落”，
结果：函数结果（）{
返回此.exec（'formatBlock'，''）；
}
},
引述：{
图标：“&"8220；&"8221；”，
标题:"引述",，
结果：函数结果（）{
返回this.exec（'formatBlock'，''；
}
},
寡头：{
图标：“#；”，
标题：“有序列表”，
结果：函数结果（）{
返回此.exec（'insertOrderedList'）；
}
},
乌利斯特：{
图标：“•；”，
标题：“无序列表”，
结果：函数结果（）{
返回此.exec（'insertunderedlist'）；
}
},
代码：{
图标：“/”，
标题：“代码”，
结果：函数结果（）{
返回this.exec（'formatBlock'，''；
}
},
行：{
图标：“―；”，
标题：“水平线”，
结果：函数结果（）{
返回此.exec（'insertHorizontalRule'）；
}
},
链接：{
图标：“🔗；”，
标题：“链接”，
结果：函数结果（）{
var url=window.prompt（'输入链接url'）；
if（url）this.exec（'createLink'，url）；
}
},
图片：{
图标：“📷；”，
标题：“图像”，
结果：函数结果（）{
var url=window.prompt（'输入图像url'）；
if（url）this.exec（'insertImage'，url）；
}
}
},
默认类别：{
actionbar:“pell actionbar”，
按钮：“佩尔按钮”，
内容：“佩尔内容”，
已选择：“已选择佩尔按钮”
},
}),
创建（）{
log（“this.defaultActions”，this.defaultActions）；
这个是.init(
{   
元素：document.getElementById（'editor'），
defaultParagraphSeparator:'p'，
//行动：[
//“粗体”，
//“斜体”，
//“下划线”，
//“删除线”
// ],
onChange:function（html）{
document.getElementById（'text-output'）。innerHTML=html
document.getElementById（'html-output'）。textContent=html
}
}
);
},
方法：{
addEventListener（父级、类型、侦听器）{
返回parent.addEventListener（类型，侦听器）；
},
追加子项（父项、子项）{
返回父项。追加子项（子项）；
},
createElement（标记）{
返回文档.createElement（标记）；
},
queryCommandState（命令）{
返回文件