天天看點

vue的插槽slot

插槽(slot)是vue提出來的一個概念,正如名字一樣,插槽用于決定将所攜帶的内容,插入到指定的某個位置,進而使模版分塊,具有子產品化的特質和更大的重用性。

插槽顯不顯示、怎樣顯示是由父元件來控制的,而插槽在哪裡顯示就由子元件來進行控制。

1、預設插槽

vue的插槽slot

2、具名插槽

3、插槽的預設内容

可以在子元件的slot标簽中寫入内容,當父元件沒有寫入内容時會顯示子元件的預設内容,當父元件寫入内容時,會替換子元件的預設内容

vue的插槽slot

4、編譯作用域

vue的插槽slot

5、作用域插槽

vue的插槽slot
原文連結:https://www.cnblogs.com/loveyt/p/9946450.html https://blog.csdn.net/xiaolinlife/article/details/89517928