以下只是學習過程中的筆記。
對於vue中的插槽，我的理解是插槽就是子元件中的提供給父元件使用的乙個佔位符，用 表示，父元件可以在這個佔位符中填充任何模板**，如 html、元件等，填充的內容會替換子元件的標籤。
可以動態的改變子元件內容，讓子元件更具有拓展性。
>
<
/cpn>
<
!-- 在父元件中使用插槽 --
>
哈哈哈<
/span>
<
/cpn>
呵呵呵<
/i>
<
/cpn>
<
/cpn>
<
/cpn>
<
/cpn>
<
/div>
"cpn"
>
我是元件<
/h2>
我是元件，哈哈哈哈<
/p>
<
/slot>
<
!-- 子元件這裡定義了乙個插槽 --
>
<
/div>
<
/template>
"vue.js"
>
<
/script>
(,components:}}
)<
/script>
<
/body>
該處使用的url網路請求的資料。
某些情況：
如果在父元件使用元件的時候，插槽位置都是button,如果在父元件中寫**不夠簡潔，這時我們可以直接在子元件插槽中定義預設值。
如果在父元件中使用的時候，沒有寫入自定義插槽的內容，就會顯示子元件預設的插槽內容；如果寫入自定義插槽的內容，就會覆蓋子元件預設插槽的內容，如果父元件中寫入多個元素，預設值將被替換為自定義的多個元素。
>
<
!-- 在父元件中使用插槽 --
>
乙個元素會被替換<
/span>
<
/cpn>
<
!--這裡會覆蓋子元件中插槽預設內容--
>
多個元素也會被替換<
/span>
呵呵呵<
/i>
我是div元素<
/div>
我是p元素<
/p>
<
/cpn>
<
/cpn>
<
!--顯示預設--
>
<
/cpn>
<
/div>
"cpn"
>
我是元件<
/h2>
我是元件，哈哈哈哈<
/p>
按鈕<
/button>
<
/slot>
<
!-- 子元件這裡定義了乙個插槽，預設內容是乙個按鈕--
>
<
/div>
<
/template>
"vue.js"
>
<
/script>
(,components:}}
)<
/script>
<
/body>
Vue插槽slot 預設插槽 具名插槽 作用域插槽
1.什麼插槽 插槽也成為內容分發 用slot這個內建元件 2.插槽是幹什麼的 在子元件中來顯示父元件中的資料 3.插槽怎麼用 4.在子元件中用括起來乙個區域 5.在父元件的子元件標籤中給插槽傳遞資料，如果父元件不傳輸資料那6.麼直接顯示標籤中的資料 7.插槽的分類 插槽可以分為三類 預設插槽 具名插...
Vue 插槽的基本使用
一 匿名插槽 先看父元件 1 引用子元件slotchild 2 在呼叫的子元件內部寫上一些內容，比如下面 的p標籤 父元件給子元件的第乙個插槽 父元件給子元件的第二個插槽 再看子元件 1 寫上 即為使用插槽 最終效果如下圖，這是基本使用方法，後面會有具名插槽的 看完後會分析兩者區別 二 具名插槽 就...
vue 插槽的基本使用
之前我們使用的元件他的拓展性是特別差的，因為元件的內部標籤是固定寫死的，就會導致這個元件的復用性很差，比如乙個導航欄元件，他裡面的組成部分是根據需求不同而定的，因此裡面的標籤不能寫死，而插槽的出現剛好能解決這個問題，乙個元件裡面預留幾個空間，根據需求往裡面填充不同的標籤，這就是插槽 下面我們看下 我...