vue将每一个组件看作是一个独立的模块(类似于nodejs中的)模块化,而组件导入import和导出exports其实使用的是ES6新增的模块化语法.
es6官网模块化语法:es6.ruanyifeng.com/#docs/modul…
1.ES6的模块化语法
- 浏览器输入:chrome://flags/
- 打开开关
- 必须要使用live-server插件运行index才可以
2.默认导出导出
3.按需导入导出
总结:
- export default只能写一次
export default, 和export可以写在同一个文件,但是要分开导入- 导入通过
export导出的,导入变量名要与导出的一致,如果是export default,则变量名可以随意修改 - 如果要给
export导出的的模块修改名字可以使用as关键字