export，import ，export default

 a.js

export var name="李四";

或者：

a.js

var name1="李四";
 var name2="张三";
 export { name1 ,name2 }

 

// 以上在a.js里
// 以下vue里使用

import { name1 , name2 } from "/.a.js" //路径根据你的实际情况填写
export default {
  data () {
    return { }
  },
  created:function(){
    alert(name1)//可以弹出来“李四”
    alert(name2)//可以弹出来“张三”
  }
 }

 

export跟export default 有什么区别呢？如下：

1、export与export default均可用于导出常量、函数、文件、模块等
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
3、在一个文件或模块中，export、import可以有多个，export default仅有一个
4、通过export方式导出，在导入时要加{ }，export default则不需要

var name="李四";
export { name }
//import { name } from "/.a.js" // export 可以多个，import 则用大括号
可以写成：
var name="李四";
export default name
//import name from "/.a.js" 这里name不需要大括号

 

 

 

转自：

https://www.cnblogs.com/xiaotanke/p/7448383.html

 

转载于:https://www.cnblogs.com/xiangsj/p/11055124.html