在使用Vue時,我們經常會在組件中使用其他組件或插件,這時需要通過import
語句導入相關模塊。但是在導入模塊時,我們需要注意的是模塊的default
導出和按需導出的名稱區別。
以vue-router
為例,我們可以通過以下語句導入整個模塊:
import VueRouter from 'vue-router'
這種方式會導入vue-router
模塊的default
導出,也就是一個具有VueRouter
類型的對象。我們可以通過它來訪問所有vue-router
提供的API。
而有些Vue插件和組件庫會按需導出一些函數、變量或組件,在導入時需要注意按照導出的名稱來引用,如下所示:
import { mapGetters } from 'vuex'
import { Button, Table } from 'element-ui'
這里我們導入了vuex
和element-ui
兩個模塊,但是它們是按需導出的。我們通過{}
來指定要引用的導出內容的名稱,再使用from
關鍵字指定模塊路徑。這里的mapGetters
是來自vuex
模塊的導出內容,而Button
和Table
則是來自element-ui
模塊的導出內容。
因此,在導入Vue組件或插件時,需要注意模塊導出的名稱是default
還是按需導出的名稱,以及它們在使用時的正確命名。
上一篇vue import寫法
下一篇python 高中課程