Vue3的組件系列 - 文集

Vue3的組件系列

73篇文章 · 59997字 · 18人關(guān)注

用Typescript 的方式封裝Vue3的表單綁定沥割，支持防抖等功能邀桑。
Vue3 的父子組件傳值、綁定表單數(shù)據(jù)、UI庫的二次封裝粉私、防抖等，想來大家都很熟悉了壁顶，本篇介紹一種使用 Typescript 的方式進行統(tǒng)一的封...

4.7 1222 0 13
【摸魚神器】vue + 路由 + 菜單 + tabs 能不能一次搞定珠洗？
做一個管理后臺，首先要設(shè)置路由若专，然后配置菜單（有時候還需要導(dǎo)航）许蓖，再來一個動態(tài)tabs，最后加上權(quán)限判斷调衰。這個是不是有點繁瑣膊爪？尤其是路由的設(shè)置...

0.2 999 0 1

element-plus，如何動態(tài)設(shè)置圖標(biāo)嚎莉？
element-plus 里面的 icon米酬，以前是字符串形式的，非常容易做成動態(tài)的效果趋箩，但是新版本改成了組件的形式赃额，不支持字符串的形式了加派。組件了...

1.3 11631 0 11
通過UI庫深入了解Vue的插槽的使用技巧
Vue官網(wǎng)對于插槽的介紹比較簡略，插槽本身也比較“燒腦”跳芳，很容易看暈芍锦，我就一直沒看懂，直到使用了element-plus的組件的插槽飞盆。其實我們...

0.4 1029 0 2
基于el-menu娄琉，用遞歸實現(xiàn)動態(tài)n級菜單
element-plus 的 el-menu 菜單組件，功能非常強大吓歇，支持n級菜單孽水、圖標(biāo)等等功能。如果菜單是靜態(tài)的照瘾，直接手?jǐn)]的話匈棘，那么按照官網(wǎng)實...

0.3 2155 0 1
如何優(yōu)雅的設(shè)置UI庫組件的屬性？
UI庫提供了很多組件析命，組件又帶有很多屬性主卫，有一些常用屬性我們可以記住并且手?jǐn)]，但是有些不常用的屬性鹃愤，或者需要設(shè)置多個屬性簇搅，這樣的情況下寫起來就麻...

0.9 423 0 4
vue3 做一個后臺管理用的輕量級路由 + 菜單
Vue3 的后臺管理的項目想要做個菜單的話，一般會使用 VueRouter 設(shè)置路由软吐，然后用UI庫的菜單組件（比如 el-menu）設(shè)置各種屬性...

1.5 4648 0 9

溫故而知新之：生命周期
vue的生命周期還是比較饒騰的瘩将，最直接的方法就是都寫出來體驗一下。初體驗首先整理 vue3 的生命周期凹耙，只考慮在 setup 里面的就好姿现。 ...

1.0 290 0 4
想要判斷是不是 empty 還真的挺麻煩的
封裝了一個查詢控件，如果沒有輸入查詢條件的話肖抱，就清空對應(yīng)的查詢條件备典，如果輸入查詢條件，則生成對應(yīng)的查詢對象意述。這里就需要判斷一下用戶是否輸入提佣。 ...

0.7 318 0 2