ES6官方模块化规范

214 阅读1分钟

vue将每一个组件看作是一个独立的模块(类似于nodejs中的)模块化,而组件导入import和导出exports其实使用的是ES6新增的模块化语法.

es6官网模块化语法:es6.ruanyifeng.com/#docs/modul…

1.ES6的模块化语法

  • 浏览器输入:chrome://flags/
  • 打开开关
  • 必须要使用live-server插件运行index才可以

snipaste20220523_150840.jpg

snipaste20220523_150850.jpg

2.默认导出导出

snipaste20220523_150941.jpg

snipaste20220523_150950.jpg

3.按需导入导出

snipaste20220523_151046.jpg

snipaste20220523_151053.jpg 总结:

  1. export default只能写一次
  2. export default, 和export可以写在同一个文件,但是要分开导入
  3. 导入通过export导出的,导入变量名要与导出的一致,如果是export default,则变量名可以随意修改
  4. 如果要给export导出的的模块修改名字可以使用as关键字