一、先就export的使用总结一下下

1. export 导出变量和方法都有两种方式

　　方式1：先定义再整体导出  export {}

　　方式2：一段代码直接导出一个，如 export const a=1

2. 使用方式1导出时是可以改变方法名或者变量名的,as英文翻译'作为'，那么下面的示例就是，将myName 作为myname导出，后期在导入时就要使用myname，否则就会报错

//导出时将 myName  别名为 myname 

 export {myName as myname}

//导入时也需要用别名 myname 

 import ｛myname｝from "xxxxxx"

或者

//导出时不变

 export {myName}

//导入时别名 myname

 import ｛myName as myname｝from "xxxxxx"

3. 组件内引入时，导入的myname不能在{{myname}}使用，会报错"myname" is not defined，需要在data或computed中定义赋值

二、使用export default导出变量和方法

1.一个js只能使用一个export default，如下会报错

2.export和export default是否可以同时出现

三、总结

1.export default 在同一个模块中只能出现一次，export可以出现多次（export和export default 可同时使用）

2.export暴露的是一个接口，在import时不能改变它的变量名，并且必须加上大括号

export var a =1; => import ｛a ｝from xx.js

但可以通过as别名将导出的a别名，import ｛a as b ｝from xx.js

还可以用过import * as total from xx.js 将导出的全部东西别名，通过total.a可以访问到a变量

3.export default 暴露的是一个变量，在import 时可以使用任意变量名导入，不用加大括号

var a =1; export default a; => import anyName from xx.js

4.export default const str = 'hello world'会报错，export default后不能跟let const 等