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


以上內容僅代表個人觀點,不喜勿噴!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM