vue專案中slot的使用

2021-10-02 07:09:59 字數 396 閱讀 7070

vue中的插槽————slot

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

案列如下:

①sectionset.vue是帶有slot的乙個元件

②slottest.vue元件呼叫sectionset.vue元件

紅色框是slottest元件,綠色框是sectionset元件,下面中真正使用slot的是「使用slot占個坑」這句話的**如下:

sectionset.vue元件

slottest.vue元件

使用slot占個坑

vue系列 slot在專案中的使用

父元件 我是父元件 我是內容 slotshow div template import slotshow from slotshow export default script 子元件 slot 我是子元件 div div template 得到的效果就是 我是父元件 我是內容 我是子元件 情況1 ...

Vue插槽slot的使用

vue官方文件中關於slot插槽的說明很簡短,語言又寫的很凝練,這就有可能造成初次接觸插槽的開發者容易產生 算了吧,回頭再學,反正已經可以寫基礎元件了 的想法,於是就關閉了vue的說明文件。q 假如父元件需要在子元件內放一些dom元素,那麼這些dom是顯示呢還是不顯示呢?預設情況下是不會顯示的,如下...

VUE插槽 slot 的使用

經驗 問題描述 插槽 slot 是vue提出來的乙個概念,正如名字一樣,插槽用於決定將所攜帶的內容,插入到指定的某個位置,從而使模板分塊,具有模組化的特質和更大的重用性。插槽顯不顯示 怎樣顯示是由父元件來控制的,而插槽在 顯示就由子元件來進行控制。解決方法 幾種常見的插槽 1 預設插槽 父元件 在父...