1.插槽是啥啊？？
我先簡單的說乙個場景吧，來理解一下插槽和它的使用場景，比如哈！有乙個模組，除了乙個小地方
顯示的東西不同，其他的內容都是一樣的！如下圖，你此時此刻想怎麼寫這個需求呢？
1.有幾個狀態寫幾個元件？？？
2.直接寫在頁面中？？（如果模組複雜，相當不好維護）
3.？複製**
（這裡我直接用新的寫法，什麼廢棄的東西都不說了，沒意義！）
子元件**：
父元件**：
這乙個例子就把匿名插槽和具名插槽說了！
1.匿名插槽：
在子元件中寫乙個佔位就可以了！父元件中沒固定名字的都會顯示在這裡
#*** 來給它固定名字
複製**
簡而言之！就和匿名插槽相反麼，子元件用佔位，父元件中#後面的和
自元件相同的內容會顯示在佔位的內容中！
複製**
作用域插槽
什麼是作用域插槽呢？這麼說吧！如果父元件中想要用子元件的資料呢？怎麼辦呢？
1.用$emit的方法傳值給父元件嗎？ 可以！但是沒必要，太複雜了 2.作用域插槽！
父元件
子元件
這截圖把匿名作用域插槽和具名作用域插槽都寫了！！
當寫具名作用域插槽時，父元件中#*** 省略，不能與v-slot共存！
vue slot插槽的使用
vue官方文件在slot這部分講解的並不是很詳細，這裡用更通俗的語言進行描述。根據官檔的標題來開始吧 假如父元件的 如下 children為註冊的子元件 這裡是插槽的內容，位於子元件內部 渲染結果 這裡是子元件，注意 沒有加入slot標籤哦！上面的 實際效果如下 這裡是父元件 這裡是子元件，注意 沒...
Vue slot 插槽的使用
slot插槽作為分發內容的出口 假設看這篇文章的你已經有了一定的vue元件基礎 let btn vue.component btn template 1 上述 建立了乙個名為btn的全域性元件。接下來我們在其他頁面中呼叫這個外掛程式 let vm new vue template 得到的頁面效果如下...
Vue slot插槽的使用
lang en charset utf 8 插槽title head slot slot1 up value data title up slot slot2 down value book v for book in books down shouhe div src script src scr...