Vue的export、export default、import

重点：

1）ES6模块主要有两个功能：export和import

2）在一个文件或模块中，export、import可以有多个，export default仅有一个

3）export读作 xport  意思是输出；import读作mport 意思是输入

4）输出

var a=1;
var b=c;
function add(x,y){
   return x+y;
}
//输出可写作
export{
    a,
    b,
    add
}
也可写作
export {a}
export {b}
export {c}

还可以这么写
var a=1;
var b=c;
export {a,b}
export function add(x,y){
   return x+y;
}

还可以使用default
export {a,b}
export default function add(x,y){
   return x+y;
}

下面是一些输出的正确写法示例

//输出变量用法1
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

//输出变量用法2
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};

//输出函数用法1
export function multiply(x, y) {
  return x * y;
};
//输出函数用法2
function v1() { ... }
function v2() { ... }

export {
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};

//输出类
export default class { ... }

下面是一些错误写法 

// 报错
export 1;
var m = 1;
export m;
//上面两种写法都会报错，因为没有提供对外的接口，两种错误其实都是因为直接输出值了
// 报错
function f() {}
export f;
//以上错误跟上面的相同，必须提供的是接口
//报错
functi