openseadragon最新版本2.4在vue中的使用方法

最近使用openseadragon插件时 踩了不少坑 所以记录一下
由于这个插件可能是使用的人不多 导致我在用的时候在网上都搜不到什么资料可以参考 虽然有一个哥们整合了一个代码包 但是我下载之后发现并不能使用最新版本 但是有些新api又不得不用
官方的api网站又做得特别的拉胯 没有vue的使用方法说明,导致我想在vue里面用个最新版的插件都很难
最终是在github上找了一个项目 然后我按照自己的需求修改了一下 终于在vue中实现了使用最新版openseadragon 2.4.2. 下面记录一下方法
首先在vue项目中 npm引入 openseadragon,官网有对应的方法
个人使用的单个页面引入功能组件 按照图中设置就能显示效果了

实际效果(注意:个人使用的技术是vue+electron搭建的桌面级应用),在web网页的vue情况按照此方法配置效果也可以出现