export与export default均可用于导出常量、函数、文件、模块等
你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式导入使用
https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html
1、import echarts from ‘echarts’ 引入整个文件 第三方插件、库
2、import ‘iview/dist/styles/iview.css’; 引入css
3、import name1 from ‘./name1’ 引入组件
4、import * as tools from ‘./libs/tools’ 引入全部被抛出方法
直接用 tools.method调用
5、import {axiosfetch} from ‘./util’; 引入文件中某一或多个抛出的方法
可直接使用axiosfetch()调用方法
export 和 export default 的区别:
export default 仅能使用一次 且 抛出的不需要加花括号 可随意命名
export抛出的导入必须加花括号{ },无论import多少个方法
总结:
- 引入文件、插件、第三方库、css时 不需要{},
- 引入组件时 不需要{},(因为抛出组件都是export default )
- 引入函数时 *as引入全部被抛出方法 不需要{},
- 引入一或多个export方法时 需要{}