export，export default，import使用

阳光下的雨u

已于 2023-05-19 10:54:56 修改

阅读量135

点赞数

文章标签： javascript 开发语言 ecmascript

于 2020-09-22 16:02:26 首次发布

本文链接：https://blog.csdn.net/smile2333/article/details/108715012

版权

export 导出封装模板方法

//可多个
export function do_encrypt(message) {
   
}，
export function encrypt(){
}

使用

import { do_encrypt , encrypt} from "../utils/encrypt";  //可多个
login () {
do_encrypt()
}

export default导出封装模板方法

写法一

//一个
export default {
    exportMethod: function(data) {
        
    }
}

写法二

export function exportMethod(data) {
   
}
export default {
    exportMethod
}

使用

import exportUtils from "../../../utils/exportUtils" 
 或者
import exportName from "../../../utils/exportUtils"  
//exportName  名字可以随便起，默认可以重命名导出的文件内容名字
 exportOut () {
   this.exportUtils.exportMethod(myObj);
   或者
   exportUtils.exportMethod(myObj);
 },

import：引入文件

import exportUtils from "../../../utils/exportUtils"
iimport { do_encrypt , encrypt} from "../utils/encrypt"; //可多个 
或者  
iimport { do_encrypt , encrypt as  encrypt_list } from "../utils/encrypt"; 
//可多个 也可以通过 as 重新命名