export 和 export default的一些区别以及引入时解构的用法

前端菜鸡的记录博，如果帮助到你，我就很开心。

export

1. 只能导出 函数，变量名。无法导出对象
2. 另一个页面import引用时，需要{{}}解构，且函数名与变量名要一致
3. 一个vue模块可以多个export

export default

1. 另一个页面import引用时，无需解构
2. 一个vue模块只能存在一个export default
3. 可以导出 函数，变量名， 数组。

export 导出多个函数或变量名时，import 引入时的一些用法

// xxx.vue
export const a = 1;
export const b = 2;
export const c = 3;
export const d = function(){};

// main.js
import {a,b,c,d} from 'xxx.vue' // a=1,b=2,c=3,d=function(){}

import * as obj from 'xxx.vue'   // obj.a = 1 ......obj.4 = function(){}

复制代码

转载于:https://juejin.im/post/5c95d269f265da60fc46a6ca