스크립트 태그를 생성하는 방법(사용자 정의 구성 요소 정의)
코드는 다음과 같습니다(예제).
export default {
components: {
tabVue,
'remote-js': {
render (createElement) {
return createElement('script', {
attrs: {
type: 'text/javascript', src: this.src } });
},
props: {
src: {
type: String, required: true },
},
},
},
}
참조 구성요소:
여기서 참조되는 것은 외부 js three.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이 생성되고 플러그인이 정상적으로 사용됩니다.
아주 좋습니다! ! !