如何在uni-app项目vue页面里调用js文件中的定义的函数

项目结构如下:

如何在uni-app项目vue页面里调用js文件中的定义的函数_第1张图片

service.js代码如下:

	const getUsers = function() {
		let ret = '[{"account":"zhengzizhi","password":"123456"}]';
		return JSON.parse(ret);
	};
	
	export default {
		getUsers // export的作用是导出函数,getUsers是vue调用getUsers()函数的接口
	}

index/index.vue代码如下:



再看看,javascript函数直接定义在vue页面里声明格式,
我们不需要再为javascript函数单独创建一个js文件,
这种方式不需要使用关键字import导入js文件,
我们可以直接使用export导出接口名称调用函数方法,
这种方式虽然少见,但对于阅读代码帮助很大,代码如下:





 

你可能感兴趣的:(uni-app,js,vue,javascript)