亚洲色蝴蝶中文娱乐网,在线亚洲欧美一区二区中文字幕,无人视频在线观看视频高清视频,99午夜国产精品一区二区,人人妻人人爽人人狠狠

也就是說使用export命令定義了模塊的對外接口以后，其他JS文件就可以通過import命令加載這個模塊（文件）。這幾個都是ES6的語法

export和import（一個導(dǎo)出一個導(dǎo)入）

一個a.js文件有如下代碼：

export var name="李四";

在其它文件里引用如下：

import { name } from "/.a.js" //路徑根據(jù)你的實(shí)際情況填寫
export default {
  data () {
    return { }
  },
  created:function(){
    alert(name)//可以彈出來“李四”
  }
 }

上面的例子是導(dǎo)出單個變量的寫法，如果是導(dǎo)出多個變量就應(yīng)該按照下邊的方法，用大括號包裹著需要導(dǎo)出的變量：

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

import { name1 , name2 } from "/.a.js" //路徑根據(jù)你的實(shí)際情況填寫
export default {
  data () {
    return { }
  },
  created:function(){
    alert(name1)//可以彈出來“李四”
    alert(name2)//可以彈出來“張三”
  }
 }

function add(x,y){
   alert(x*y)
  //  想一想如果這里是個返回值比如： return x-y，下邊的函數(shù)怎么引用
}
export { add }

import { add } from "/.a.js" //路徑根據(jù)你的實(shí)際情況填寫
export default {
  data () { return { }
  },
  created:function(){
   add(4,6) //彈出來24  }
 }

export與export default

看完上面這幾個例子，想必你一定了解了如何使用export。上面講的是export和import，但是export跟export default 有什么區(qū)別呢？如下：

1、export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等
2、你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式，將其導(dǎo)入，以便能夠?qū)ζ溥M(jìn)行使用
3、在一個文件或模塊中，export、import可以有多個，export default僅有一個
4、通過export方式導(dǎo)出，在導(dǎo)入時要加{ }，export default則不需要

這樣來說其實(shí)很多時候export與export default可以實(shí)現(xiàn)同樣的目的，只是用法有些區(qū)別。注意第四條，通過export方式導(dǎo)出，在導(dǎo)入時要加{ }，export default則不需要。使用export default命令，為模塊指定默認(rèn)輸出，這樣就不需要知道所要加載模塊的變量名。

var name="李四";
export { name }
//import { name } from "/.a.js" 
可以寫成：
var name="李四";
export default name
//import name from "/.a.js" 這里name不需要大括號

再看第3條，在一個文件或模塊中，export、import可以有多個，export default僅有一個，也就是說如下代碼：

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

var name1="李四";
 var name2="張三";
 export name1;
 export name2;