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