vue3:setup的兩個注意點詳解
在vue2中
父組件傳屬性給子組件

子組件接收屬性


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


使用的時候名字比較長

vue2,父組件在子組件里使用插槽


打印插槽里的內(nèi)容

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


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


在vue3中
setup的注意點

setup生命周期在beforecreated之前


setup可以拿到兩個參數(shù),props和context
給子組件傳2個屬性



打印context


context.attrs
與vue2類似,如果只聲明部分,則剩下的在attrs屬性里面


context.emit
給子組件添加監(jiān)聽事件


context.slot



如果傳一個具名插槽

或者(推薦這種)

打印

如果傳2個具名插槽


總結

本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關注腳本之家的更多內(nèi)容!
相關文章
vue輸入框中輸完后光標自動跳到下一個輸入框中的實現(xiàn)方法
最近在工作中遇到了些問題,總結下分享給同樣遇到這個問題的朋友,這篇文章主要給大家介紹了關于vue輸入框中輸完后光標自動跳到下一個輸入框中的實現(xiàn)方法,需要的朋友可以參考下2023-03-03
Vue 多選框所選數(shù)量動態(tài)變換Box的高度
在Web開發(fā)中,使用Vue.js框架可以通過ref屬性、v-model指令和計算屬性等特性實現(xiàn)元素高度的動態(tài)調(diào)整,文章詳細介紹了如何利用Vue的功能根據(jù)多選框的選擇數(shù)量動態(tài)改變元素的高度,并通過多個示例展示其應用2024-09-09
Vue初始化中的選項合并之initInternalComponent詳解
這篇文章主要介紹了Vue初始化中的選項合并之initInternalComponent的相關知識,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06

