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

export
只能导出 函数，变量名。无法导出对象
另一个页面import引用时，需要{{}}解构，且函数名与变量名要一致
一个vue模块可以多个export
export default
另一个页面import引用时，无需解构
一个vue模块只能存在一个export default
可以导出 函数，变量名， 数组。
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