在某目录新建 JS,并导出,
0.export [default] {导出目标}
function test() {
console.log("test is in list")
}
带default
export default {test}
不带default
export {test}
1.在页面中调用时,default导出不用带{},而且名字也可以自己起,如ajs,
import ajs from '@/common/sj-common.js'
调用的时候用ajs.test()
2.直接导出(不用default)时,导入的时候要用{}
import {test} from '@/common/sj-common.js'
//调用用test()
调用的时候,直接写test()
可以用 import as
import {test as a} from '@/common/sj-common.js'
// 这时test()改名为a()来调用test方法,如a()
import * as ate from '@/common/sj-common.js'
//这时把所有导入的目标当成一个对象来用, 如ate.test()
3.在js中把方法包入对象中
//in afu.js
const afu={
a(){},
b:function(){},
c(){}
}
export default afu
//import aNewName from 'afu.js'
//调用aNewName.a()