Vue—06—模块化介绍；

---

 

一  模块化介绍

为什么要模块化开发?

• js文件引入顺序不正常导致项目不能启动问题; 
• js文件同名变量冲突问题;

 

 

实现模块话开发目前有commonjs规范\amd规范\cmd规范\es6规范;

 

二  commonjs规范

 commonjs规范的实现需要使用到node环境;

 

 

 三  ES6规范

首先最重要的一点,在html文件中引入这个js文件时, 一定要将type设置为module, 这样才是模块化开发;

1.使用export导出

(1)导出变量的两种方式:

 

 

(2)导出函数:

 

 

 (3)默认导出

 

3. 使用import导入

(1)导入变量的两种方式

(2)导入函数的方法

(3)导入默认导出的变量或者函数;

(4)统一全部导入

使用*, as xxx, 其中xxx是别名, 使用的时候xxx.xxx即可;