ES6中的对模块化设计的改变（export，include）

简介

我们在使用vue的过程中，经常看到和用到的一个东西，就是

export default {
   }
import xxx from 'xxx'
import {
   yyy} from 'yyy'

刚开始使用vue的时候，根本不知道这几个东西是干什么的，只知道引用组件的时候，要用import，如果调用组件里面的某个函数，就是用带花括号的import，每一个组件在script里面必须有一个export default{ }，至于为什么要用这个，我不懂。

后面我发现这些其实是ES6语法里面定义出来的模块化设计的一个参数，今天就来聊一下这些参数。

注意！！

在script引入模块文件的时候，script标签里面必须添加type=“module”，因为这个是ES6的语法，浏览器没办法直接识别。

还有就是html文件不能用浏览器直接打开，要通过服务器打卡，比如说可以使用VScode的go live功能。

输出与引入

普通输出和引入

在ES6里面规定的，export 表示将参数或者函数往外输出，而想要拿到这些参数，就必须使用 import 来进行使用。

如果想要输出和引入一个普通的变量或者函数，直接写 export 就可以了，也就是这样

export function get(){
   
    console.log('I am export')