摘要:import中export和export default的区别

用法区别

(1)一个.js文件中export可以出现多次,而export default只能出现一次。
(2)import时,export不能省略{},export default可以省略括号。

值改变

export相当于是绑定指针,export default相当于绑定一个值。

    //model.js
    let e1='export 1';
    let e2='export 2';
    export default e1;
    export {e2};
    e1='export 1 modified';
    e2='export 2 modified';
    //index.js
    import e1, {e2}from "./model";
    console.log(e1);
    console.log(e2);
    #index.js执行结果  
    export 1
    export 2 modified

导出的变量修改影响

export导出的变量在index.js中不能修改,导出的对象修改会影响在model.js中的对象。
export default导出的变量,在index.js中可以修改,修改后不会影响在model.js中的对象。
export default导出的对象相当于第一层浅拷贝。

某位大佬的实验网址:https://codesandbox.io/s/vue-template-ig82h

文章目录