vue元件為何要用export default

2021-10-02 04:00:37 字數 685 閱讀 5918

大家都熟知在es6中import可以匯入已經匯出的模組。export用來匯出模組。但為什麼在vue的**裡我們常見的有export default這種東西。並不是 export 模組名.他們究竟有什麼區別呢。

作用:

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」,且不需要用大括號括起來。

為何需要使用者角色

1 一張圖很直觀的表明我們需要挖掘使用者真正的需求 使用者角色 在可用性設計裡,是乙個很重要的概念,之前很多關於使用者的討論,比如 不要聽使用者的 要不要聽使用者的 以使用者為中心是有害的 要關注使用者,學會傾聽使用者 等等,或許都從各自的角度來證明了自己的想法。今天在西貝那裡看到這樣一張圖 從上面...

vue中import與export注意點

1 引入第三方外掛程式 import axios from axios2 引入工具類或js檔案 第一種是引入單個方法 import from util 下面是寫法,需要export匯出 export function axiosfetch options 第二種 匯入成組的方法 import as ...

vue元件引入另一vue元件

個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...