vue.js中的插槽是什麼

vue.js中的插槽是Vue提出來的一個概念，正如名字一樣，插槽用於決定將所攜帶的內容，插入到指定的某個位置，從而使模板分塊，具有模組化的特質和更大的重用性。

【相關文章推薦：#vue.js##】

什麼是插槽？

插槽（Slot）是Vue提出來的一個概念，正如名字一樣，插槽用於決定將所攜帶的內容，插入到指定的某個位置，從而使模板分塊，具有模組化的特質和更大的重用性。插槽顯示不顯示、怎樣顯示是由父元件來控制的，而插槽在哪裡顯示就由子元件來進行控制

Vue slot 原理

在web-components中有slot的概念，https://developers.google.com/web/fundamentals/web-components/shadowdom。

元素

Shadow DOM 使用 元素將不同的 DOM 樹組合在一起。 Slot 是元件內部的佔位符，使用者可以使用自己的標記來填滿。

透過定義一個或多個 slot，您可將外部標記引入元件的 shadow DOM 中進行渲染。這相當於您在說“在此處渲染使用者的標記”。

附註：Slot 是為網路元件建立「宣告式 API」的一種方法。它們混入到使用者的 DOM 中，幫助對整個元件進行渲染，從而將不同的 DOM 樹組合在一起。

相關免費學習推薦：

javascript（影片）

#

以上是vue.js中的插槽是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！