ant-design-vue
ant-design-vue 是 ant design 的 vue 實現,元件的風格與 ant design 保持同步,元件的 html 結構和 css 樣式也保持一致,真正做到了樣式 0 修改,元件 api 也盡量保持了一致
現狀:支援 vue 3.0 的 2.0.0 測試版 已發布
vant 3.0
vant 是有贊前端團隊開源的移動端元件庫,於 2016 年開源,已持續維護 4 年時間。
vant 對內承載了有贊所有核心業務,對外服務十多萬開發者,是業界主流的移動端元件庫之一
現狀:目前 vant 已完成了對 vue 3.0 的適配工作,並發布了 vant 3.0 beta 版本,計畫***底或十一月發布 vant 3.0 正式版
element-plus
elementui風格的元件庫,vue3.0 重構版
現狀:沒有明確發布計畫,目前還在緊急開發中,有興趣參與開源專案的也可以去issues認領任務
目前狀態都處於beta階段,建議大家抱著學習的心態入場,勿急於用到生產環境
vue3新增Suspense元件
在開始介紹vue的suspense元件之前,我們有必要先了解一下react的suspense元件,因為他們的功能類似。react 16.6 新增了元件,讓你可以 等待 目標 載入,並且可以直接指定乙個載入的介面 像是個 spinner 讓它在使用者等待的時候顯示 const profilepage ...
Vue 3 元件註冊
上一節實驗中,我們大概了解了一下元件的基礎,這一節實驗我們要深入元件註冊。我們在註冊元件的時候,我們都會給元件起乙個名字,就好像我們人的名字一樣。需要注意的是,我們的元件名字是有一些規範的,一般這種單檔案元件,我們強烈推薦使用字母全小寫且必須包含乙個連字元,全部小寫字母,單詞使用中華線 隔開。例如我...
vue3 元件通訊 vue router
關於元件通訊 1.父子元件間傳值 props emit parent children ref 2.非父子元件傳值 事件匯流排 原理就是建立乙個公共的js檔案,專門用來傳遞資訊 import vue from vue export default new vue 在需要傳遞訊息的地方引入 impor...