Vue 元件庫實踐和設計

2021-08-18 15:23:51 字數 467 閱讀 1624

在乙個月的專案中,我借鑑結合自己的想法和元件需求,自己手動打造了crib-zk的元件庫。

雖然還不是很完善,但是在此次元件庫中,總結出很多優化點,和一些比其它市面流行的元件庫的優點。

通過函式防抖,節流和使用記憶體池等一系列優化點。

如何正確的使用雙元件結合成乙個元件進行合理的設計。

如何巧用 $el _uid 等一系內部的方法去構建。

利用 2.3 .sync 回歸屬性進行簡單設計。

現在的程度還不能夠大家使用,但是從中,大家可以看到我對其中的簡化,可以讓大家用一些簡便的方法去構造一些適合自己的元件庫,適合自己公司的元件庫,訂閱之後,如果大家需要幫忙設計一些元件,我可以幫大家一起設計(注釋:list-index 元件,需要等 5 秒,我做了強非同步的測試)。

閱讀全文:

vue基礎實踐 區域性元件

知識點總結 建立區域性元件 註冊區域性元件 宣告元件 元件中的按鈕 button div template src node modules vue dist vue.min.js script 建立區域性元件 const mybutton 類似閉包,儲存資料 return let vm newvu...

Vue父子元件通訊實踐

元件 component 是vue.js的核心部分,元件的作用域是孤立的,所以不能在子元件模板內直接引用父元件的資料,但是元件之間的通訊是必不可少的。元件a在其模板中使用了元件b,a元件要向b元件傳遞資料,b元件要將其內部發生的事情告知a元件,那麼a b元件怎麼進行通訊呢?vue.js父子元件的關係...

vue實踐區域性元件需求 投票

投票 區域性元件實踐和元件之間的巢狀 1.搭建結構 html css布局 2.在元件標籤中拆分成多個區域性元件 3.刪除第一步的搭建結構 html css布局 4.在元件中調取渲染使用 國風大賞投票h3 vote content vote button div template voteconten...