【export + export default +as】
export import
- export
- export + export default
- export default
- export + export default
- export default 注意事项
- as关键字
export
type.js
export const a = 1
export const b = [1,2,3]
export function c(){...}
export const d = function (){...}
等价于
const a = 1
const b = [1,2,3]
function c(){...}
const d = function (){...}
export {a,b,c,d}
// 导出
import {a,b,a,d} from '@/utils/type'
export + export default export default
export default function (name) {
console.log(name)
}
// 导出
import file from '@/utils/type'
file(5)// 5
export + export default
// 导出
export const fileType = function (name) {
console.log(name)
}
export default function (name) {
console.log(name)
}
// 导入
import * as fileType from '@/utils/type'
fileType.fileType ('aaa') // aaa
fileType.default ('sss') // sss
// 或者
import fileTypedefault,{ fileType } from '@/utils/type'
fileType ('aaa') // aaa
fileTypedefault ('sss') // sss
export default 注意事项
export default后面不可以用 var、let、const 可用 export default function(){} function add(){}as关键字
export function sampleA (name) {
console.log(name)
}
export function sampleB (name) {
console.log(name)
}
export function sampleC (name) {
console.log(name)
}
export default function (name) {
console.log(name)
}
// 导出多个使用别名
import {
sampleA as funE,
sampleB as funF,
sampleC
} from '@/utils/type'
// 或者
import sample, {
sampleA as funE,
sampleB as funF
} from '@/utils/type'funE('333') // 333
funF('555') // 555
sampleC('666') // 666
sample('default') // default
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- javascript|javascript中的数据类型转换