export跟export default 有什么区别呢?
1、export与export default均可用于导出常量、函数、文件、模块等
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
3、在一个文件或模块中,export、import可以有多个,export default仅有一个
4、通过export方式导出,在导入时要加{ },export default则不需要
通过export方式导出,在导入时要加{ },export default则不需要。使用export default命令,为模块指定默认输出
在js文件中定义函数,利用export default暴露出去。再在需要使用的html文件中import该函数,后续使用。
一:新建api.js
let api={
set(){
console.log('set')
},
get(){
console.log('get')
},
post(){
console.log('post')
}
}
export default api
二:在vue中引入
import api from ‘@/api.js’ //api.js的路径,这里是当前文件夹
三:在vue调用
created:function(){
api.get()
}
第二种方法
一:新建一个login.js
export function (a,b){
}
二:在vue中调用
import {login} from '@/login.js'
export default {
methods: {
login(a,b)
}
}