国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue 插槽,`slot`和 `slot-scope`已被廢棄

thursday / 1080人閱讀

摘要:它取代了和這兩個(gè)目前已被廢棄但未被移除且仍在文檔中的特性。例外情況當(dāng)被提供的內(nèi)容只有默認(rèn)插槽時(shí),組件的標(biāo)簽才可以被當(dāng)作插槽的模板來(lái)使用。如下,讓后備內(nèi)容默認(rèn)內(nèi)容替換正常情況下的綁定在元素上的特性被稱為插槽。

最近忙著寫一些組件,關(guān)于插槽這一塊自己還是用著 slot 和 slot-scope,然后看了一下文檔的更新,于是又重新把“插槽”學(xué)習(xí)了一篇,下面一段是文檔中的說(shuō)明:

在 2.6.0 中,我們?yōu)榫呙宀酆妥饔糜虿宀垡肓艘粋€(gè)新的統(tǒng)一的語(yǔ)法 (即 v-slot 指令)。它取代了 slotslot-scope 這兩個(gè)目前已被廢棄但未被移除且仍在文檔中的特性。新語(yǔ)法的由來(lái)可查閱這份 RFC。

插槽,也就是slot,slot就是子組件里的一個(gè)占位符,一個(gè)slot的核心問(wèn)題,就是顯不顯示,顯示的話顯示話,該如何去展示出來(lái),這是由父組件所控制的,但是插槽顯示的位置是由子組件自己所決定的,slot寫在組件template的什么位置,父組件傳過(guò)來(lái)的模板將會(huì)顯示在什么位置。

插槽的基本使用方法(匿名插槽)

這是一個(gè)子組件,我們使用了默認(rèn)插槽(匿名插槽),父組件的內(nèi)容將會(huì)代替顯示出來(lái)


// 使用children組件
 代替slot的內(nèi)容

渲染后的結(jié)果

具名插槽
自 2.6.0 起有所更新。已廢棄的使用 slot 特性的語(yǔ)法在這里。

有時(shí)我們一個(gè)組件里面需要多個(gè)插槽。我們?cè)趺磥?lái)區(qū)分多個(gè)slot,而且不同slot的顯示位置也是有差異的.對(duì)于這樣的情況, 元素有一個(gè)特殊的特性:name。這個(gè)特性可以用來(lái)定義額外的插槽:

注意:一個(gè)不帶 name 的 出口會(huì)帶有隱含的名字“default”。

如下面一個(gè)組件,需要多個(gè)插槽。如何向組件提供內(nèi)容呢?

在向具名插槽提供內(nèi)容的時(shí)候,我們可以在一個(gè)