Vue ES6模块化语法学习

1、默认导出（每个模块中，只允许唯一一次的 export default，否则会报错）

export default 默认导出的成员

let n1 = 10

let n2 = 20

function show(){ }

export default {

　　n1, show

}

2、默认导入

import m1 from './01.默认导出.js'

console.log(m1)

 

此时在 终端 里输入 node XX.js  就可以看到 console 的输出：

{ n1: 10, show: [Function: show] }

3、按需导出（可多次按需导出）

export let s1 = 'aaa'

export let s2 = 'ccc'

export function say(){ }

 

4、按需导入 （按需导入时，名称与按需导出的名称要保持一致，多个之间以 , 分开，可以用 as 重命名）

写在 {} 中的是按需导入成员，不在 {} 中的按默认导出规则，两者可以配合使用

import {s1,s2 as str2,say} from './03.按需导出.js'

console.log(s1)

console.log(str2)

console.log(say)

 

此时执行 node 会输出：

aaa
ccc
[Function: say]

5、直接运行模块中的代码

 for(let i=0;i< 3 ;i++)

 {

    console.log(i);

 }

 

在另一个 js 中，使用以下代码可以执行：

 

import './05.直接运行模块中的代码.js'

 

输出：

0
1
2