export、import、export defaul

533 阅读1分钟

基础随笔

仅作为理解代码使用

1.export与export default均可用于导出常量、函数、文件、模块等 

2.在一个文件或模块中,export、import可以有多个,export default仅有一个 

3.通过export方式导出,在导入时要加{ },export default则不需要

4. 使用注意:

(1) 输出单个值,使用export default

(2) 输出多个值,使用export 

5.代码举例说明

(1)输出多个值

定义输出

var a="1";var b="2";var c="3"

export {a, b, c};

引入时:
import { a, b,c } from '文件路径'; 

(2)输出单个值

定义输出

在路径views/Home.vue下的代码

export default {

name: "Home",

components: {

HelloWorld

}

};

引入时:

import Home from "../views/Home.vue";