uniapp中js的引入与使用

最新推荐文章于 2026-03-25 01:09:39 发布

原创最新推荐文章于 2026-03-25 01:09:39 发布 · 1.1w 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

UniApp 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在Vue项目中创建并使用一个简单的JS工具函数。通过将工具函数放置于项目的common目录下，并采用模块导出的方式，在Vue组件中按需引入该工具函数。文章还展示了如何使用该函数格式化日期。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

将js工具函数写在根目录的common文件夹下,如util.js，内容如下：

function formatTime(time){
	//业务逻辑
	return time;
}
//导出函数
module.exports={
	//formatTime:formatTime
	formatTime//es6缩写形式
}

在vue页面文件引入外部js文件：

<template>
	<view class="">
		调用外部脚本文件
	</view>
</template>

<script>
	//引入js文件
	var util=require('@/common/util.js');
	var playtime=new Date();//获得当前时间
	var formattime=util.formatTime(playtime);
	console.log(formattime);
</script>
<style>
</style>

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看