vue封裝組件技巧-透傳


在對一些ui庫中的組件進行二次封裝的時候,使用vue的透傳可以讓我們的代碼變得更輕量,也讓封裝的組件更加易用使用

inheritAttrs(默認值true)

當inheritAttrs=true時,對封裝的組件添加沒有在prop中定義的屬性或方法會直接添加到dom上,所以為了實現透傳,需要把inheritAttrs設置為false

 

 $attrs

$attrs一般用於多層組件之間的傳參,可以使代碼更加美觀更加簡潔

              

 

 

 這樣就完成了對綁定屬性的透傳

$listeners

Vue 提供了一個 $listeners 屬性,它是一個對象,里面包含了作用在這個組件上的所有監聽器。使用$listeners就可以獲取到綁定到組件上的所有方法

 

 這樣透傳就實現了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM