iview 是一套基於 vue.js 的開源 ui 元件庫，主要服務於 pc 介面的中後台產品。顏色：
通過設定圓形及icon內嵌：type為primary、dashed、text、info、success、warning、error建立不同樣式的按鈕，不設定為預設樣式。注意：非 template/render 模式下，需使用
i-button。ghost為幽靈模式 即沒有樣式 只有邊框icon直接寫在標籤內，原型直接shape="circle"，如何按鈕的內容過長的時候就不再是圓形了，拉長了。按鈕大小：通過設定按鈕狀態:size為large和small將按鈕設定為大和小尺寸，不設定為預設（中）尺寸,長按鈕可直接long 這樣就達到了100%，當然你也可以直接style進行修飾。通過新增按鈕組合:disabled屬性可將按鈕設定為不可用狀態。將多個載入狀態:button放入buttongroup內，可實現按鈕組合的效果。通過設定
buttongroup的屬性size為large和small，可將按鈕組尺寸設定為大和小，不設定size，則為預設（中）尺寸。通過設定
buttongroup的屬性shape為circle，可將按鈕組形狀設定為圓角。通過loading可以讓按鈕處於乙個載入的狀態，你在標籤上直接寫乙個loading是在載入狀態的，其底層的值就是乙個true，那我們可以寫乙個事件來將這個屬性進行乙個改變。下方為按鈕的示例**largedefault
small
臥槽
iView之Select元件的優化
我們公司的元件庫是基於iview比較早的版本修改後的僅供公司內部使用的元件庫，因此在使用的過程中就會遇到一些問題。接下來本文會對比select元件在效能上做出的優化。我們先來回顧一下debounce函式的使用場景 在前端頁面我們會遇到一些頻繁觸發的事件 比如 滑鼠的移動mousemove事件 win...
Vue元件化之構造元件
在構建專案中盡可能的將頁面分成乙個個小的 可復用的元件。一 構造全域性元件 但必須在例項掛載的元素中使用 註冊元件 vue.component cpn,cpnc 給構造器中的模板命名為cpn 即標籤的名字 使用元件 二 語法糖註冊全域性元件 即將一二步合併 vue.component cpn com...
Vue元件化之插槽
類似電腦的usb，使用介面給電腦增加不同的功能，鍵盤 音響，而不是直接在元件裡新增 介紹 預設自定義標籤內不允許新增內容，而插槽可以讓我們在內部新增內容 封裝方法 抽取共性，保留不同。使用方法 直接在template中插入slot空標籤，即可在自定義標籤中插入內容，內容會自動替換空slot 元件標籤...