模块化语法

1. import + export default

2. import + export

3. import + '包名'

import + export default

import 是引入模块

(1)、export default 是默认导出 的一个模块

例子:

导出模块 demo.js

let str = 'abc';

引入模块

import str from './demo.js'
console.log(str);

(2)、使用export导出 导出一个复杂类型

例子:

导出模块 demo.js

let str = 'abc';
let num = 321;
let obj = {
name: 'zs',
age: 20
}
//导出是一个对象
export {
str,
num,
obj
}

引入模块

//导出也是一个对象
// as可以取别名
import  { str, num, obj }  from  './demo.js'
console.log(str,num,obj);

(3) 如果使用的是npm安装的包的模块

//首先会去当前文件夹下去找 axios.js
//如果没有就会去node_modules去找模块
import axios from 'axios'
//就可以直接用了