目錄

• 在2中
• 在vue3中
• setup的注意點
• setup生命週期在beforecreated之前
• setup可以拿到兩個引數，prolfavztFVLps和context
• context.athttp://www.cppcns.comtrs
• context.emit
• context.slot
• 總結

在vue2中

父元件傳屬性給子元件

子元件接收屬性

如果沒有接收，則需要在$attrs裡才能收到，缺點是沒有對型別作限制，以及使用的時候名字比較長

使用的時候名字比較長

vue2，父元件在子元件裡使用插槽

列印插槽裡的內容

如果父元件使用了子元件2個插槽

父元件在子元件使用具名插槽

在vue3中

setup的注意點

setup生命週期在beforecreated之前

setup可以拿到兩個引數，props和context

給子元件傳2個屬性

列印context

contelfavztFVLxt.attrs

與vue2類似，如果只宣告部分，則剩下的在attrs屬性裡面

context.emit

給子元件新增監聽事件

context.slot

如果傳一個具名插槽

或者(推薦這種)

列印

如果傳2個具名插槽

總結

本篇文章就到這裡了，希望能夠給你帶來幫助，也希望您能夠多多關注我們的更多內容！