将this.$emit 换成   this.$parent 就可以了

解决了，epubjs 重新安装0.3.71版本的就可以了

版本问题，用0.3.71版本>npm install epubjs@0.3.71 

已解决，两种方案

1. 切换epub版本   用0.3.71版本>npm install epubjs@0.3.71 

2. 修改setTheme

3.     setTheme(index){      const name = this.themeList[index].name      // this.book.rendition.themes.select(name)      const bodyObject = this.themeList[index].style.body      for(let key in bodyObject){        this.book.rendition.themes.override(key,bodyObject[key],true)      }    },

有些浏览器是始终允许viewport缩放的，就算设置了禁止缩放也没用。例如我三星手机自带的浏览器就总是可以缩放，而第三方的via浏览器可以禁止缩放。可以换个浏览器。

找到问题啦，嘻嘻嘻。

box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS盒子模型。

• content-box

• 默认值，标准盒子模型。 width 与 height 只包括内容的宽和高， 不包括边框（border），内边距（padding），外边距（margin）。注意: 内边距, 边框 & 外边距 都在这个盒子的外部。 比如. 如果 .box {width: 350px}; 而且 {border: 10px solid black;} 那么在浏览器中的渲染的实际宽度将是370px;
  
  尺寸计算公式：width = 内容的宽度，height = 内容的高度。宽度和高度都不包含内容的边框（border）和内边距（padding）。

• border-box

•  width 和 height 属性包括内容，内边距和边框，但不包括外边距。这是当文档处于 Quirks模式 时Internet Explorer使用的盒模型。注意，填充和边框将在盒子内 , 例如, .box {width: 350px; border: 10px solid black;} 导致在浏览器中呈现的宽度为350px的盒子。内容框不能为负，并且被分配到0，使得不可能使用border-box使元素消失。
  
  这里的维度计算为：

• width = border + padding + 内容的  width，

• height = border + padding + 内容的 height。

详情戳这里：https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing