vue加载远程(网络)js

JavaScript013

vue加载远程(网络)js,第1张

vue项目中有时候会遇到加载远程(网络)js的情况,常用的方法有以下两种:

以加载在线的cesium为例

在组件中可以通过 window.Cesium 来获取加载的js,示例如下:

在main.js里注册组件

注意:注册组件一定要在new Vue之前

在组件中使用:

这样使用比较灵活还能在加载完成和加载失败时做一些操作。

mounted() {

  const s = document.createElement('script')

  s.type = 'text/javascript'

  s.src = '你的需要的js文件地址'

  document.body.appendChild(s)

}

export default {

  components: {

    'remote-js': {

      render(createElement) {

        return createElement(

          'script',

          {

            attrs: {

              type: 'text/javascript',

              src: '你的需要的js文件地址',

            },

          },

        )

      },

    },

  },

}