詳解Vue slot插槽
更新時間：2021年11月19日 16:21:55 作者：維生素D沒有用
這篇文章主要為大家介紹了Vue的slot插槽，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
1.作用:讓父組件可以向子組件指定位置插入html結構，也是一種組件間通信的方式，適用于父組件===>子組件（傳的是HTML格式）。
父組件App:
子組件Category：
在父組件或者子組件里都可以給插槽中的內(nèi)容設置樣式，效果一樣
作用域插槽：
1.理解:數(shù)據(jù)在組件的自身（Category），但根據(jù)數(shù)據(jù)生成的結構需要組件的使用者（APP）來決定。(games數(shù)據(jù)在Category組件中，但使用數(shù)據(jù)所遍歷出來的結構由App組件決定)
子組件在給父組件傳數(shù)據(jù)
子：
父：
使用atguigu這樣一個對象接收是因為可能傳了多個值
作用域插槽也可以有名字name
總結
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內(nèi)容!
相關文章
vue項目中使用AES實現(xiàn)密碼加密解密（ECB和CBC兩種模式）
這篇文章主要介紹了vue項目中使用AES實現(xiàn)密碼加密解密的方法，主要是通過ecb和cbc兩種模式，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
vue :style設置背景圖片方式backgroundImage
這篇文章主要介紹了vue :style設置背景圖片方式backgroundImage,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue-cli3.x配置全局的scss的時候報錯問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue 組件內(nèi)獲取actions的response方式
今天小編就為大家分享一篇vue 組件內(nèi)獲取actions的response方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue如何循環(huán)請求一個接口問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue項目中自動導入svg并愉快的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
利用vue.js把靜態(tài)json綁定bootstrap的table方法
今天小編就為大家分享一篇利用vue.js把靜態(tài)json綁定bootstrap的table方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
本文主要介紹了Element的Message彈窗重復彈出，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家詳細介紹了如何利用vue3實現(xiàn)6位的密碼輸入框效果,文中的示例代碼簡潔易懂,感興趣的小伙伴可以跟隨小編一起學習一下2023-08-08
今天小編就為大家分享一篇vue修改對象的屬性值后頁面不重新渲染的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08