🧭第20節:項目實戰:通用 UI 組件庫搭建 📖引言 本節將帶領大家完成一個完整的項目實戰——從零開始搭建一個包含 Button、Input、Select、Table、Modal 等核心組件的通用 UI 組件庫,並將其發佈到 NPM 上。項目完成後,我們還將總結 10 大高頻面試題,幫助你在面試中脱穎而出。 🎯1. 核心內
在組件封裝上,兩個框架差的不遠。 在Vue中封裝組件,用插槽的方式子組件中寫好具名插槽的位置和樣式,在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件,區別於Vue的地方在於,Vue中有插槽這個語法,而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值,在react中屬性傳值) 此外,Vue中組