vue项目引入外部js文件方法
vue项目" title="vue项目">vue项目引入外部js文件方法！
记录是为了更好的成长！
> 这里只说在vue项目中的引入
在vue项目中，也遇到过引入外部js的场景，通常同时在page下建立utils目录，js文件放在里面，页面使用import按需导入；这种做法当前需要用export暴露方法。这点相信都没有问题。 但有些场景我们需要引入这种js "https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js" , 很显然，之前的这种做法是不可行的，由于初次接触，不了解，在这里我卡的时间比较长，下面就来说说怎么解决这种问题，分享给需要的朋友们：
1、在vue-cli构建的项目中
在使用vue-cli构建的项目中，注意看项目的根目录下，有一个index.html，需要在其他vue文件中引入的js，都可以在head中引入，这样引入之后，在vue的页面中都可以进行使用。
<script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js"></script>2、在uniapp中
在解决vue项目中的这个问题时，看网上有人问uniapp怎么实现这种做法，其实道理是一样的，把需要的页面写成html页面，页面里引入js， 在通过uniapp的webview跳转到页面就行了。这个问题官方有文档，可以参考
https://uniapp.dcloud.io/collocation/manifest?id=h5-template
以上内容仅代表个人观点，不喜勿喷！
以上是 vue项目引入外部js文件方法 的全部内容， 来源链接： utcz.com/z/374677.html
