创建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!!!