uniapp 引用 js 組件的方法(場景分析)
UniApp作為一款優(yōu)秀的跨平臺開發(fā)框架，它可以讓我們使用一套代碼，并在多個平臺上進行編譯，從而獲得高性能、易擴展和可維護的應(yīng)用程序。在UniApp開發(fā)過程中，我們不僅需要掌握各種UI組件的使用方法，還需要了解如何在項目中引入JS文件。在本文中，我將介紹UniApp中如何引入JS的方法。
引入模塊化 js 文件的方式
var handleDecodedXML = function(decodedXml) {}
var escapeMarkup = function(dangerousInput) {}
module.exports = {
handleDecodedXML,
escapeMarkup
}場景 1 在vue文件中直接引入JS文件
在UniApp開發(fā)中，我們使用的是Vue框架，因此，可以直接在.vue文件中引入JS文件。
在項目的根路徑下建立lib/js文件夾，并在該文件夾下新建一個util.js的文件，用于存放JS代碼，之后在.vue文件中通過import語句來引入：
<script>
// 下面方法三選一，可以直接引入方法，也可以引入整個模塊
import util from '@/lib/js/util.js' // 在后續(xù)的代碼中就可以調(diào)用 util.xxx 調(diào)用 util 中的方法
import {handleDecodedXML} from '@/lib/js/util'
const {handleDecodedXML} = require('@/lib/js/util')
</script>其中 @ 表示項目根目錄，handleDecodedXML 表示導(dǎo)入的方法。
引入非模塊化 js 文件的方式
直接引入
可以通過 import 語句直接引入一個非模塊化 js 文件，如下所示：
import '@/lib/js/util';
其中 @ 表示項目根目錄，util 是 js 目錄下的一個非模塊化 js 文件。
script 標簽
可以使用 script 標簽引入一個非模塊化 js 文件，如下所示：
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.47/vue.cjs.js"></script>
參考
https://pythonjishu.com/kzmssyrbwoaorux/https://www.php.cn/faq/546287.html
到此這篇關(guān)于uniapp 引用 js 組件的文章就介紹到這了,更多相關(guān)uniapp 引用 js 組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了js實現(xiàn)上傳按鈕并顯示縮略圖小輪子，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
下面小編就為大家?guī)硪黄猨s生成隨機數(shù)(指定范圍)的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
微信小程序?qū)崿F(xiàn)判斷是分享到群還是個人功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)判斷是分享到群還是個人功能,結(jié)合實例形式分析了微信小程序分享與判斷功能的實現(xiàn)原理、步驟及相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)上下切換位置，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
下面小編就為大家?guī)硪黄猨s中class的點擊事件沒有效果的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
當(dāng)編輯某條數(shù)據(jù)時，再回過頭來進行編輯，會發(fā)現(xiàn)，里面的數(shù)據(jù)和沒有編輯以前是一樣的，這就是ie緩存的問題，下面是一個不錯的解決方法2014-08-08
提到加載事件，可能想到了window.onload，但實際上，加載事件是一大類事件，本文將詳細介紹加載事件。下面跟著小編一起來看下吧2017-02-02
純前端實現(xiàn)發(fā)布新版本主動檢測更新提醒方案
快速迭代的軟件開發(fā)環(huán)境中,前端應(yīng)用的更新頻率日益加快,為了確保用戶能夠享受到最新的功能和修復(fù),開發(fā)者需要設(shè)計一套高效的更新提醒機制,這篇文章主要介紹了純前端實現(xiàn)發(fā)布新版本主動檢測更新提醒的相關(guān)資料,需要的朋友可以參考下2026-03-03
輕松實現(xiàn)javascript數(shù)據(jù)雙向綁定
這篇文章教大家輕松實現(xiàn)javascript數(shù)據(jù)雙向綁定，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-11-11
基于邏輯運算的簡單權(quán)限系統(tǒng)(實現(xiàn)) JS 版
基于邏輯運算的簡單權(quán)限系統(tǒng)(實現(xiàn)) JS 版...2007-03-03