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

以上内容仅代表个人观点，不喜勿喷！

转载于:https://www.cnblogs.com/newbest/p/11160452.html