vue组件动态引入js

• 由于我们公司的小应用，打包后，在公司APP上运行时（每次都会）会加载整个包之后在解压，解析，运行。
• 所以对应包的大小，分重视。 对应第三方插件就不推荐使用 import引入了，这样会增加包的大小。

1. index.html 中使用cdn引入。 但是底部播放组件只有一个页面使用，那没必要进入项目，就去下载
2. 对应vue组件，动态创建script标签，然后加载插件，监听完成事件后，运行对应逻辑

loadScript(src, callback) {  
  const s = document.createElement("script");  
  s.type = "text/javascript";  
  s.src = src;  
  s.onload = s.onreadystatechange = function () {  
    if (  !this.readyState ||  this.readyState === "loaded" ||  this.readyState === "complete"  ) {  
        callback && callback();  
        s.onload = s.onreadystatechange = null;  
      }  
  };  
  document.body.appendChild(s); 
}