在js文件中定义函数，利用export default暴露出去。再在需要使用的html文件中import该函数，后续使用。

第一种方法：

• 新建api.js

let api={
	set(){
		console.log('set')
	},
	get(){
		console.log('get')
	},
	post(){
		console.log('post')
	}
}

export default api

• 在组件中引入

import api from './api'		//api.js的路径，这里是当前文件夹

• 使用api

created:function(){
    api.get() //打印出get
},

第二种方法

• 新建一个login.js

export function login(a,b){
	······
}

• 在.vue文件中调用

<script>
import {login} from "../apis/login.js"			//js文件路径

export default {
	methods:{
		login(a,b)
	}
}

export跟export default 有什么区别呢？

1、export与export default均可用于导出常量、函数、文件、模块等
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
3、在一个文件或模块中，export、import可以有多个，export default仅有一个
4、通过export方式导出，在导入时要加{ }，export default则不需要

通过export方式导出，在导入时要加{ }，export default则不需要。使用export default命令，为模块指定默认输出