动态加载 js 文件

  记录一下 vue 中动态加载 js 文件的写法。

¶一、load

function loadJS (callback) {
  let head = document.getElementsByTagName('head')[0]
  let script = document.createElement('script')
  script.charset = 'utf-8'
  script.type = 'text/javascript'
  script.src = 'https://webapi.amap.com/ui/1.1/main-async.js'

  if (typeof callback == 'function') {
    script.onload = script.onreadystatechange = () => {
      // 动态 script 加载完毕
      if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") {
        callback()
        script.onload = script.onreadystatechange = null
      }
    }
  }
  head.appendChild(script)
}

¶二、loaded

// js 加载完成
loadJS(() => {
  console.log('js 加载完成')
})