目錄
1.說明
2.export
3.import
4.export default
5.總結
1.說明
ES6中，export與export default均可用于導出常量、函數(shù)、文件、模塊等。
import用于導入其他被導出的常量、函數(shù)、文件、模塊等。
2.export
一個獨立的文件，該文件內部的變量，方法等，外部無法獲取。如果想讀取其他vue文件中的變量及方法，就需要在其他vue文件中使用export導出變量及方法。比如，在vue1文件中定義一下變量及方法進行導出。
const id = '1123';
const setId = (param) =>{
id = param;
}
export {id,setId}通常來說，export導出的變量和方法就是原來的名字，可以通過as關鍵字來進行重命名。
3.import
在一個文件中使用export進行導出之后，可以在其他文件使用import進行導入。在script標簽的頭部，一般用來導入其他文件中的變量及方法。導入之后就可以在文件中進行使用。
<script>
import {id, setId} from './vue1';
</script>注意：導入時必須添加花括號，否則控制臺會直接報錯。
導入之后也可以使用as進行重命名
from后面的路徑可以使用相對路徑，也可以使用絕對路徑，可以將src定義為一個目錄@，其他文件以此來進行定位。在vue3的vite.config.js中按照如下：
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})
4.export default
export defalult用于指定模塊的默認輸出，一個模塊只能有一個默認輸出，所以在一個文件中只能使用一次。導入是不需要添加花括號，因為只能唯一對應export default。
本質上，export default輸出一個叫default的變量，系統(tǒng)允許你導入時為它任意取名字。
5.總結
①export與export default均可用于導出常量、函數(shù)、文件、模塊等
②在一個文件或模塊中，export、import可以有多個，export default僅有一個
③通過export方式導出，在導入時要加{ }，導入時要和之前導出時的名字一致；export default則不需要加{}，并且導入時可以任意起名字。文章來源：http://www.zghlxwxcb.cn/news/detail-752029.html
④export default與普通的export不要同時使用。文章來源地址http://www.zghlxwxcb.cn/news/detail-752029.html
到了這里，關于export和export default和import的說明的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
