一、什麼是插槽
官方解釋：vue 實現了一套內容分發的 api，將 元素作為承載分發內容的出口。
大白話：插槽就是子元件中的提供給父元件使用的乙個佔位符，用 表示，父元件可以在這個佔位符中填充任何模板**，如 html、元件等，填充的內容會替換子元件的標籤。
二、基本用法
1、在子元件中放乙個佔位符
我是子元件
2、在父元件中給這個佔位符填充內容
我就測試一下插槽的
components:{
childtest
效果：
三、具名插槽的使用
描述：具名插槽其實就是給插槽取個名字。乙個子元件可以放多個插槽，而且可以放在不同的地方，而父元件填充內容時，可以根據這個名字把內容填充到對應插槽中。
**如下：
1、子元件**
元素特殊的 attribute：name屬性，設定對應的插槽名稱
乙個不帶name屬性的元素的出口實際預設的name值是default
我是子元件
2、父元件使用
在乙個 元素上使用 v-slot 指令，並以v-slot:[name]的形式提供其名稱：
注意：v-slot只能新增在 上 (除非下面第3點中的情況)template>
我就測試一下插槽的
效果：
3、當被提供的內容只有預設插槽時，元件的標籤才可以被當作插槽的模板來使用。這樣我們就可以把 v-slot 直接用在元件上：
子級：我是子元件
vue插槽樣式 vue中的插槽slot
插槽 slot 是元件的一塊html模板，父元件決定這塊模板顯不顯示以及怎麼顯示。位置由子元件自身決定 slot現在元件template的什麼位置，父元件傳過來的模板將來就顯示在什麼位置 匿名插槽 只能有乙個，可以放在元件的任何位置 在父元件在裡面寫了html模組 子元件的匿名插槽被下面的div模板...
Vue中的slot插槽
前言 之前學vue對插槽只有乙個模糊的存值概念，最近在封裝自定義元件時，再次學習一下。通過slot插槽向元件內部指定位置傳遞內容，通過slot可以父子傳參，簡化了進行自定義元件的封裝和使用。自己對插槽理解 就是乙個站位html模板，用來攜帶內容，插入到合適的位置，由父元件來決定其顯示的內容，使得模組...
vue中的slot（插槽）
1 slot 基本用法 插槽指允許將自定義的元件像普通標籤一樣插入內容 import vue from vue 定義元件componentone const compoentone 呼叫元件 newvue el id data template 使用插槽 2 具名插槽 給具體的插槽命名，並在使用的時...