本文摘自PHP中文网,作者清浅,侵删。

VUE项目中引入JS文件的几种方法
在开发Vue项目的时候,有时需要使用一些非ES6格式的没有export的js库,可以有如下方法实现:
1.在index.html页面使用script标签引入
当然也可以使用cdn的地址。这样引入后的内容是全局的,可以在所有地方使用。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html>
<html>
<head>
<title>Map</title>
<meta charset= "utf-8" >
<meta name= "viewport" content= "width=device-width,initial-scale=1.0" >
<link rel= "shortcut icon" type= "image/x-icon" href= "./static/img/favicon.ico" />
<script src= './static/libs/three/three.min.js' ></script>
<script src= "./static/libs/three/GLTFLoader.js" ></script>
</head>
<body>
<p id= "app" ></p>
<!-- built files will be auto injected -->
</body></html>
|
2.在main.js中使用window.moduleName 使用
阅读剩余部分
相关阅读 >>
vue引入js文件有哪几种方法
更多相关阅读请进入《VUE项目中引入JS文件的几种方法》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue引入js文件有哪几种方法