相同點(diǎn)：

• export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等
• 都可以使用import導(dǎo)入

不同點(diǎn)：

• export可以有多個(gè)，export  default只能有一個(gè)
• 通過(guò)export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export則不需要
• 使用export default為模塊指定默認(rèn)輸出，導(dǎo)入時(shí)只需要知道文件名即可，但是使用export必須知道導(dǎo)出的變量或者函數(shù)等，導(dǎo)入時(shí)變量名要一致。

一、export的使用

比喻index.js要使用test.js中的數(shù)據(jù)，首先在test.js文件中進(jìn)行導(dǎo)出操作

export function list()
{
    alert("list");
}

export function info()
{
    alert("info");
}

export  let a=10;

 在index.js文件進(jìn)行導(dǎo)入操作

<template>
  <div>
    <div v-show="show">HelloWorld</div>
    <button @click="handleClick">Click</button>
  </div>
</template>

<script>

import {list} from '@/components/common.js'

export default {
  name: "test",
  data() {
    return {
      show: true
    };
  },
  methods: {
    handleClick: function() {
      list();
    }
  }
};
</script>

2、export default的使用

test.js文件

 index.js文件中:

注意：一個(gè)js文件是可以有多個(gè) export，但是一個(gè)js文件中只能有一個(gè)export default