vue.js中的插槽是什麼

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

【相關文章推薦：】

什麼是插槽？

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

Vue slot 原理

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

<slot> 元素

Shadow DOM 使用 <slot> 元素將不同的 DOM 樹組合在一起。Slot 是元件內部的預留位置，使用者可以使用自己的標記來填充。

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

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

相關免費學習推薦：（視訊）

以上就是vue.js中的插槽是什麼的詳細內容，更多請關注TW511.COM其它相關文章！