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

資訊專欄INFORMATION COLUMN

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

thursday / 1076人閱讀

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

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

在 2.6.0 中,我們為具名插槽和作用域插槽引入了一個新的統一的語法 (即 v-slot 指令)。它取代了 slotslot-scope 這兩個目前已被廢棄但未被移除且仍在文檔中的特性。新語法的由來可查閱這份 RFC。

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

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

這是一個子組件,我們使用了默認插槽(匿名插槽),父組件的內容將會代替顯示出來


// 使用children組件
 代替slot的內容

渲染后的結果

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

有時我們一個組件里面需要多個插槽。我們怎么來區分多個slot,而且不同slot的顯示位置也是有差異的.對于這樣的情況, 元素有一個特殊的特性:name。這個特性可以用來定義額外的插槽:

注意:一個不帶 name 的 出口會帶有隱含的名字“default”。

如下面一個組件,需要多個插槽。如何向組件提供內容呢?

在向具名插槽提供內容的時候,我們可以在一個