导入和导出:

导入其它模块成员使用 import 关键字
向外共享模块成员使用 export 关键字

使用ES6模块化的步骤:

1.创建一个es6的文件夹
2.在es6终端里面输入node -v  确认版本
3.然后在终端里面在输入npm  init  -y 创建一个package.json
4.在package.json代码文件里面添加"type": "module"

ES6模块化导入和导出三种方式:

1.默认导入导出   2.按需导入与按需导出   3.直接导入模块(无导出)

1.ES6模块化语法 – 默认导入导出

 默认导出的语法： export default 默认导出的成员
 默认导入的语法： import 接收名称 from '模块路径'
 

注意点: 
      每个模块中，只允许使用唯一的一次 export default 
      默认导入时的接收名称可以任意名称，只要是合法的成员名称即可

2.ES6模块化语法 – 按需导入与按需导出

 按需导出的语法： export const s1 = 10
 按需导入的语法： import { 按需导入的名称 } from '模块路径'

注意点: 
      每个模块中可以有多次按需导出
      按需导入的成员名称必须和按需导出的名称保持一致
      按需导入时，可以使用 as 关键字进行重命名
      按需导入可以和默认导入一起使用

3.ES6模块化语法 –直接导入模块(无导出)

 如果只想单纯地执行某个模块中的代码，并不需要得到模块中向外共享的成员。
此时，可以直接导入并执行模块代码，语法：import '模块的路径'

注意点: 
      导入JS文件，为了让JS代码执行一次
      Vue 中，这种语法还可以导入 css、less等文件

导入和导出三种方法的代码示例: