封装一个工具js文件
一、单个导出
定义utils.js
方式(一)
export function set(){
console.log('set')
}
export function get(){
console.log('get')
}
方式(二)
function set(){
console.log('set')
}
function get(){
console.log('get')
}
export {
set,
get
}
引入和使用
import {set, get} from "utils.js"
set()
get()
二、默认导出
定义utils.js
方式(一)
function set(){
console.log('set')
}
function get(){
console.log('get')
}
export default {
set,
get
}
方式(二)
function set(){
console.log('set')
}
function get(){
console.log('get')
}
const utils = {
set,
get
}
export default utils
方式(三)
const utils = {
set(){
console.log('set')
},
get(){
console.log('get')
}
}
export default utils
引入和使用
import utils from "utils.js"
utils.set()
utils.get()
三、默认导出和单个导出组合使用
定义utils.js
export function set(){
console.log('set')
}
export function get(){
console.log('get')
}
function init(){
console.log('init')
}
export default init
引入和使用
import init, { set, get } from "utils.js"
init()
set()
get()