Vue引入CDN JS或本地JS文件之后 使用报错

加载问题

正常情况 在public引入script - js文件加载 - 写入内存 - 使用

但使用之前 有可能这个文件还没执行写入内存或者还未加载完毕

此时 需要一个promiss解决

1. 引入script

在 public / index.html 文件内引入你的script标签

<script type="text/javascript" src="本地路径/网络路径">

2.加载（重点）

创建一个js文件  写入以下代码 

script加载后 所使用的方法会挂载到window顶级对象下 代码中的xxx 指的是你script的函数  替换即可

export default {
  init() {
    return new Promise((resolve, reject) => {
      if (window.xxx) {
        resolve(window.xxx)
        reject('error')
      }
    })
  },
}

3.使用（重点）

// 引入
import funInit from '@/utils/funInit'


// 在使用的地方写入
funInit.init()
  .then((xxx) => {
    console.log("你的逻辑代码")
  })
  .catch(() => {
     console.log("script加载失败")
  })