Vue—06—模块化介绍;


 

一  模块化介绍

为什么要模块化开发?

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

Vue—06—模块化介绍;

 

 

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

 

二  commonjs规范

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

Vue—06—模块化介绍;

 

 

 三  ES6规范

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

Vue—06—模块化介绍;

1.使用export导出

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

Vue—06—模块化介绍;

 

 

(2)导出函数:

Vue—06—模块化介绍;

 

 

 (3)默认导出

 

3. 使用import导入

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

(2)导入函数的方法

Vue—06—模块化介绍;

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

(4)统一全部导入

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

 Vue—06—模块化介绍;

 

 

 

 Vue—06—模块化介绍;

 

Vue—06—模块化介绍;

上一篇:django-缓存


下一篇:【HMC Core 6.0全球上线】图形计算服务新插件,助力高画质3D手游创新