学习Es6的 export 与 import --浅记
学习Es6的 export 与 import
// export 导出的数据可以给其他文件使用
let name = 'ly'
let age = 18
let falg = true
function fn() {
console.log('这是aaa.js里的一个函数')
};
// fn();
// 导出对象
export {
name, age, falg, fn
}
// export default 默认导出
export default age;
// import 导入数据用于使用
import { name, falg } from './aaa.js'
if (falg) {
alert(name)
}
// import 也可以导入函数
// import { fn } from "./aaa.js"
// fn();
// 默认导出的数据名使用可以不一致(a-->age) 但是建议还是使用一样的
import a from "./aaa.js"
console.log(a);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- type="module" 单一使用原则 -->
<script src="./js/aaa.js" type="module"></script>
<script src="./js/bbb.js" type="module"></script>
<script src="./js/ccc.js" type="module"></script>
</body>
</html>
Vue学习笔记 文章被收录于专栏
Vue相关
虾皮信息一面355人在聊
