vue引入链接形式(网站)的js文件

创建script标签的方法(定义自定义组件)

代码如下(示例):

export default {
  components: {
    tabVue,
    'remote-js': {
      render (createElement) {
        return createElement('script', { attrs: { type: 'text/javascript', src: this.src } });
      },
      props: {
        src: { type: String, required: true },
      },
    },
  },

}

引用组件:
这里引用的是three.js这个外部js

 <remote-js src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/three.js/71/three.min.js"></remote-js>

src中使用的既是链接形式的js文件
查看效果:

在这里插入图片描述
在这里插入图片描述
dom创建完成并且插件使用正常
非常nice!!!

你可能感兴趣的:(vue.js,前端)