vue review

export和import是ES6的两大模块。
export主要用于导出本模块里的常量、函数、模块等，一个文件可以被理解成一个模块，在其它文件或模块中通过import来导入这些常量、函数、模块。
export有两种方式：export和export default。
通过export方式导出可以定义时导出，也可以先定义再导出，不过先定义再导出必须用大括号{}包围，在import导入时必须加大括号{}。

//demo.js
export let num = 334;
let name = "chenmoc";
export {name};

//index.js
import {num, name} from './demo.js'; //import {num as nn, name as nm} from './demo.js';

通过export default方式导出不能定义时导出，只能先定义再导出或者导出时new一个匿名对象，在import导入时不需要加大括号，也不能加大括号。它相当于输出了一个默认的对外接口，在import不被大括号包围的变量时默认导入export default导出的变量，所以可以任意取名。

//demo.js
let num = 334;
export default num;//export default let num = 334;的写法是错误的

//index.js
import num from './demo.js'; //import nn from './demo.js';

在一个文件或模块中export default只能使用一次，而export和import可以使用多次。import引入后不可修改变量本身，但能修改变量的属性。

//index.js
import {person} from './demo.js';
//person = {};的写法是错误的，'person' is read-only
person.name = 'chenmoc'; //这是合法的写法

import xx from ‘xx.js’ 是编译阶段执行（在代码运行之前），是静态执行，不是运行时执行，所以不能使用表达式和变量这种只有在运行时才能得到结果的语法结构，所以import {‘n’ + ‘um’} from ‘./demo.js’;的写法是不可行的。