首先页面引用 ，需要在<script></script>里添加type='module'
导出模块分为默认导出和指定导出
两者的区别主要在引用的时候
如果是用默认导出
export default，接收的时候可以使用任意名字来接收，如图所示，默认导出的叫module1，接收名字叫x如果要一次导出多个，需要用
{}包裹，接收时必须与导出时同名
如果一个模块里既有默认导出又有自定义导出
接收时可以使用
默认导出的依然可以随意命名
引用时如果是同级目录，必须添加./
如果有两个模块里导出的内容名字是一样的
module1，module2都导出了name，age和module
此时
console.log(name),就会报错
使用as
现在有一个新的module.js
然后在main.js里面直接引用
可以看到打印出了
这是module3，而函数x没有执行
只有import会执行代码而不会执行函数
还有一种情况，如果模块里导出的东西太多，又不想引用的时候一个个写出来，可以这样
我把*理解为css里的通配符，表示所有
此时打印出x，可以看到
module1.js里面导出的都在x下了，现在可以用x.age(),x.module1()来调用
网友评论