uniapp 引用 js 組件的方法(場(chǎng)景分析)
UniApp作為一款優(yōu)秀的跨平臺(tái)開發(fā)框架，它可以讓我們使用一套代碼，并在多個(gè)平臺(tái)上進(jìn)行編譯，從而獲得高性能、易擴(kuò)展和可維護(hù)的應(yīng)用程序。在UniApp開發(fā)過程中，我們不僅需要掌握各種UI組件的使用方法，還需要了解如何在項(xiàng)目中引入JS文件。在本文中，我將介紹UniApp中如何引入JS的方法。
引入模塊化 js 文件的方式
var handleDecodedXML = function(decodedXml) {}
var escapeMarkup = function(dangerousInput) {}
module.exports = {
handleDecodedXML,
escapeMarkup
}場(chǎng)景 1 在vue文件中直接引入JS文件
在UniApp開發(fā)中，我們使用的是Vue框架，因此，可以直接在.vue文件中引入JS文件。
在項(xiàng)目的根路徑下建立lib/js文件夾，并在該文件夾下新建一個(gè)util.js的文件，用于存放JS代碼，之后在.vue文件中通過import語句來引入：
<script>
// 下面方法三選一，可以直接引入方法，也可以引入整個(gè)模塊
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>其中 @ 表示項(xiàng)目根目錄，handleDecodedXML 表示導(dǎo)入的方法。
引入非模塊化 js 文件的方式
直接引入
可以通過 import 語句直接引入一個(gè)非模塊化 js 文件，如下所示：
import '@/lib/js/util';
其中 @ 表示項(xiàng)目根目錄，util 是 js 目錄下的一個(gè)非模塊化 js 文件。
script 標(biāo)簽
可以使用 script 標(biāo)簽引入一個(gè)非模塊化 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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了一文看懂JSONP原理和應(yīng)用，對(duì)JSONP感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要介紹了js操作cookie保存瀏覽記錄的方法,涉及JavaScript使用cookie記錄并保存用戶瀏覽網(wǎng)頁信息的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12
js判斷一個(gè)字符串是以某個(gè)字符串開頭的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨s判斷一個(gè)字符串是以某個(gè)字符串開頭的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
spirngmvc js傳遞復(fù)雜json參數(shù)到controller的實(shí)例
下面小編就為大家分享一篇spirngmvc js傳遞復(fù)雜json參數(shù)到controller的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
今天小編就為大家分享一篇layui 富文本編輯器和textarea值的相互傳遞方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
js獲取TreeView控件選中節(jié)點(diǎn)的Text和Value值的方法
在實(shí)際項(xiàng)目中，遇到一個(gè)問題，首先彈出一個(gè)新窗口，新窗口中放了一個(gè)TreeView控件，現(xiàn)在要解決的是，如何單擊TreeView中一個(gè)節(jié)點(diǎn)，返回Text和Value到父頁面并關(guān)閉該新窗口,本文將詳細(xì)介紹此方法的實(shí)現(xiàn)2012-11-11
利用js實(shí)現(xiàn)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器
這篇文章主要為大家詳細(xì)介紹了如何利用js實(shí)現(xiàn)一個(gè)可進(jìn)行時(shí)間和工作調(diào)度的任務(wù)管理器,文中的示例代碼簡(jiǎn)潔易懂,有需要的小伙伴可以參考一下2023-10-10
這篇文章主要給大家介紹了關(guān)于axios返回空對(duì)象的問題解決方法，文中介紹的非常詳細(xì)，相信對(duì)大家學(xué)習(xí)或者使用axios具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。2017-04-04
JS斷點(diǎn)調(diào)試,即是在瀏覽器開發(fā)者工具中為JS代碼添加斷點(diǎn),讓JS執(zhí)行到某一特定位置停住,方便開發(fā)者對(duì)該處代碼段的分析,這篇文章主要介紹了JS打斷點(diǎn)的六種常用姿勢(shì)的相關(guān)資料,需要的朋友可以參考下2025-04-04