Vue基礎之export的作用

 

        export default 向外暴露的成員,可以使用任意的變量來接收
在一個模塊中,export default只允許向外暴露一次
在一個模塊中,可以同時使用export default 和 export向外暴露成員

// test.vue
export default {
    address:'深圳'
}
export var title = '星星'
export var zzz = 'hhh'
123456
//mian.vue
import hahahah , {title as title123 , zzz} from './test.vue'

console.log(hahahah)
console.log(title123 + "6666" + zzz)
12345
打印結果:
address:‘深圳’
星星6666hhh

        使用export向外暴露成員,只能用{}的形式來接收,這種形式,叫做【按需導出】export可以向外暴露多個成員,同時,如果某些成員,我們在import的時候不需要,則可以不在{}中定義使用export導出的成員必須嚴格按照到處時候的名稱,來使用{}按需接收;如果使用export按需導出的成員想換名稱,可以用as進行替換
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章