一,默认导出和默认导入
1.默认导出:export default { 默认导出的成员名称}
注意每个模块只能使用一次export default,否则会报错。
示例:假设某文件中 let a = 2;
let b = 3;
function show() { }
默认导出a和b以及方法show: export default {a,b,show}
2.默认导入:import 接收名称(自定义的名称) from '模块标识符(文件的路径)'
示例:import card from '/components/card.vue'
二,按需导出和按需导入
1.按需导出:export 需要导出的成员
注意每个模块可以使用多次按需导出
示例:
export let a = 10
export let b = 'aaa'
export function say = function() { }
2.按需导入
示例:
import { a,b,say } from '模块标识符(路径)'
//{ }中的名称必须和按需导出的名称一样
三,直接导入并直接执行该模块的代码
1.有时候只是想执行某模块的代码,并不需要其中向外暴露的成员,此时可以直接导入并执行模块代码。
import ' 模块标识符(模块的路径)'
import './index.js'