Vue之模块化规范(ES6语法)

模块化按需导入与导出

按需导出语法：exports 类型 变量名=赋值
例如：

cc.js

//向外暴露a
export let  a=10;

//向外暴露b
export let b=20;

//向外暴露方法show
exprot function show =function(){console.log(120)}

按需引入语法：export {模块中暴露出来的变量名} from "模块路径"

例如：

export  {a,b,show}  from  "cc.js"

console.log(a);
//输出
10

默认导出与导入

导出
m1.js

//此时外部访问不到a和b。
let   a=10;
let  b=20;
function show(){}


//将内部成员暴露出去，外部就可以访问了。
export  default{
	a,b,show
}

注意： 每一个模块中只能调用一遍export defalut

导入

默认导入语法：import 接收名称 from "模块名称"
接收名称包含了模块中默认导出的所有元素。

例如：

import  m  from './m1.js'

console.log(m.a);
//输出
10

此时就可以通过m来访问export出来的元素了。

直接导入

只想直接导入并且执行模块中的代码，而不获取模块中暴露出来的元素。

直接导入语法：import '模块路径’

例如：
定义aa.js

for(let a=0;a<10;a++){
    console.log(a)
}

导入模块使用。

//导入
import  'aa.js'

在控制台就会打印0到10了。