Vue元件為什麼要export default

2021-09-26 19:59:37 字數 1008 閱讀 6265

vue的模組機制:vue是通過webpack實現模組化,因此可以使用import來引入模組,例如:

此外,你還可以在 bulid/webpack.base.conf.js 檔案中修改相關配置:

意思是,你的模組可以省略 「.js」,".vue",「.json」 字尾,weebpack 會在之後自動新增上;可以用 「@」 符號代替 「src」 字串等。

export 用來匯出模組,vue 的單檔案元件通常需要匯出乙個物件,這個物件是 vue 例項的選項物件,以便於在其它地方可以使用 import 引入。而 new vue() 相當於乙個建構函式,在入口檔案 main.js 構造根元件的同時,如果根元件還包含其它子元件,那麼 vue 會通過引入的選項物件構造其對應的 vue 例項,最終形成一棵元件樹。

export 和export default 的區別在於:export 可以匯出多個命名模組,例如:

export

const str =

'hello world'

export

function

f(a)

對應的引入方式:

import

from

'demo1'

export default 只能匯出乙個預設模組,這個模組可以匿名,例如:

export

default

對應的引入方式

import obj from

'demo1'

引入的時候可以給這個模組取任意名字,例如 「obj」,且不需要用大括號括起來。

為什麼要元件化

工程任何一點改動都會造成整個工程的重新編譯.記憶最深的就是早期在沒有進行元件化的時候,龐大的工程動輒需要十幾分鐘的編譯時間,一杯茶的時間就出來了,很多時候,不得不眼巴巴的等著,儘管現在可以使用facebook出品的buck以及來自阿里的feeline來加速編譯過程,單仍然不夠.整個工程中充斥的大量重...

為什麼要學習vue

vue 讀音 vju 類似於 view 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也完全能夠為複雜的單...

為什麼react的元件要super props

對這個問題糾結了好幾天,一直沒時間深入研究。在segmentfault看到有人提出了同樣的問題,下面這篇sf給出了解釋。為什麼react的元件要super props 解釋一 呼叫super的原因 在es6中,在子類的constructor中必須先呼叫super才能引用this super prop...