vue項目引入外部js文件方法

記錄是爲了更好的成長！

這裏只說在vue項目中的引入

在vue項目中，也遇到過引入外部js的場景，一般同時在page下創建utils目錄，js文件放在裏面，頁面使用import按需導入；這種作法當前須要用export暴露方法。這點相信都沒有問題。 但有些場景咱們須要引入這種js "https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js" , 很顯然，以前的這種作法是不可行的，因爲初次接觸，不瞭解，在這裏我卡的時間比較長，下面就來講說怎麼解決這種問題，分享給須要的朋友們：

一、在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>

二、在uniapp中

在解決vue項目中的這個問題時，看網上有人問uniapp怎麼實現這種作法，其實道理是同樣的，把須要的頁面寫成html頁面，頁面裏引入js， 在經過uniapp的webview跳轉到頁面就好了。這個問題官方有文檔，能夠參考

https://uniapp.dcloud.io/collocation/manifest?id=h5-template

以上內容僅表明我的觀點，不喜勿噴！