黑马程序员Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币,点赞,收藏呦,历经 5 年的反复打磨与锤炼,黑马程序员重磅推出全套最新的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频,助您轻松掌握前端圈最火的 Vue 框架!https://www.bilibili.com/video/BV1zq4y1p7ga?p=258&spm_id_from=333.1007.top_right_bar_window_history.content.click ↓ ↓ ↓ ↓ ↓ ↓ 本文前置学习基础,需要先掌握Node.js的文件操作模块和模块化 ↓ ↓ ↓ ↓ ↓ ↓
Nodejs的fs文件操作模块和path路径处理模块_番大茄子的博客-CSDN博客
Nodejs的http模块、模块化和包_番大茄子的博客-CSDN博客
ES6模块化
ES6模块化规范是浏览器与服务器通用的模块化标准,不像CommonJs是只局限于服务器端的Javascript模块化。
ES6模块化规范中定义:
- 每个js文件都是一个独立模块
- 导入其它模块成员使用import关键字
- 向外共享模块成员使用export关键字
在node.js中使用ES6模块化需要:
- 确保node.js版本为v14.15.1及其以上
- 在package.json根节点中添加"type":"module"节点
ES6模块化的三种用法:
1. 默认导出、默认导入
- 默认导出:在每个模块中,只允许使用唯一的一次export default,否则会报错!
- 默认导入:默认导入时的默认模块可以任意命名,只要是合法的成员名称即可。
//默认导入:m1为成员名字,负责接收模块
import m1 from './1.js'
console.log(m1)
/