Vant 2.0 發佈：鍥而不捨，不亂節奏

鍥而不捨，不亂節奏，對於長期做業實在至爲重要。一旦節奏得以設定，其他的問題即可迎刃而解。 -- 村上春樹

維護組件庫就像跑馬拉松，開源只是從起點邁出第一步，困難的是鍥而不捨地跑下去。

自 2017 年開源以來，Vant 已經跑了兩年多時間，不曾停歇。在 2018 年咱們發佈了 1.0 版本和小程序版，並持續迭代了 100 多個小版本。

對於版本迭代，咱們更傾向於小步快跑，保持每週更新一個版本的節奏，及時解決你們的問題和需求。可是寫代碼偶爾也須要一點"儀式感"，所以咱們集中開發了一個多月的時間，將社區中反饋較多的需求一網打盡，爲你們帶來本次發佈的 Vant 2.0 版本。

回顧

在介紹 2.0 版本以前，先看一下咱們到目前爲止的成績吧~

• 發佈 220 個版本
• 合併 2100 個 PR
• 處理 3000 個 issue
• 累計 18000 個 star
• 累計 1000000 下載量（npm & cnpm）

上面是 vant 和 vant-weapp 兩個倉庫的合併數據。值得一提的是 Vant 的 issue 處理比例在 98% 左右，大部分 issue 都會在 1~3 天內獲得回覆，感謝全部幫助咱們回覆 issue 的同窗們。

內容介紹

新組件

在 2.0 版本中，咱們引入了社區中呼聲最高的四個組件，分別是：

• Image 圖片，相似於小程序原生的 Image 標籤，支持多種圖片裁剪模式
• IndexBar 索引欄，通信錄中的字母索引欄，用於長列表快速索引
• Skeleton 骨架屏，在待加載區域展現的佔位區塊，提供界面加載過程當中的過渡效果
• DropdownMenu 下拉菜單，用於列表的分類選擇、篩選及排序

新文檔

文檔方面，咱們從新設計了文檔站點，用卡片的方式組織段落，更加直觀。對一些較爲複雜的組件，咱們對示例進行細粒度的拆分，添加更多的用法介紹，以幫助你們更快地上手使用。

此外，文檔站點也支持了搜索和版本切換。

樣式定製

移動端 UI 風格多變，對組件的可定製性要求較高。從 2.0 版本開始，Vant 中的全部組件都支持經過 Less 變量進行樣式定製。同時咱們新增了多個樣式相關的 Props，便於快速定製組件風格。

更輕量

輕量化是 Vant 的核心開發理念之一。在過去一年多時間裏，咱們新增了若干個組件和數百項功能，而代碼包體積從 1.0 版本的 169kb 下降到了 2.0 版本的 161kb（45kb gzipped），平均每一個組件體積降低 13%，這主要得益於組件內部邏輯的重構和複用。

在將來的 Vue 3.0 版本中，會提供 Function-based API 這一更優的邏輯複用方式，預計能幫助 Vant 進一步優化代碼包體積。

不兼容更新

2.0 版本中包含少許不兼容更新，主要是命名調整和移除個別屬性。對於正在使用 1.x 版本的項目，請按照更新日誌依次檢查，大部分項目能夠無痛升級。

其餘改動

除上述內容外，2.0 版本還包含無障礙訪問優化和 70 項功能更新，想了解更多，請移步：完整更新日誌。

---

後續計劃

咱們計劃在今年下半年推出 VantWeapp 1.0 版本，目標是對標 Vant 2.0 版本，將大部分新組件和新功能同步到小程序端。

同時，Vant 3.0 版本也在醞釀當中，不出意外的話，3.0 版本會基於 Vue 3.0 實現，並爭取和 Vue 3.0 同期發佈。

對於 Vant 1.x 版本，後續會進入維護期，跟進問題修復，但再也不引入功能性改動。

期待你們對新版本的反饋！

連接

• Vant
• Vant Demo
• Vant Weapp