本篇文章帶大家整理分享一些實用的vue相關生態,希望對大家有所幫助!
1、Vue 插件庫
Vue 插件庫收集了最新最全的Vue插件和提供各種Vue插件的詳細使用方法,支持在線預覽,Vue 插件下載。(學習視頻分享:vue視頻教程)
官方地址:https://www.vue365.cn/
前端(vue)入門到精通課程:進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具:點擊使用
vue插件庫 旨在為Web和移動應用程序開發人員提供最新的免費Vue.js組件和插件。
2、Pinia
輕量級狀態管理庫,API 設計更接近Vuex 5的提案,也是Vue核心團隊推薦的狀態管理庫,同時支持 Vue2 和 Vue3。
官方地址:https://pinia.vuejs.org/
特性
Pinia具有以下幾點特性:
-
直觀,像定義components一樣地定義 store
-
完整的Typescript支持
-
去除 mutations,只有 state,getters,actions
-
actions支持同步和異步
-
Vue Devtools支持Pinia,提供更好的開發體驗
-
能夠構建多個 stores ,并實現自動地代碼拆分
-
極其輕量(1kb),甚至感覺不到它的存在
使用 Pinia 獲得可很多好處:
-
開發工具支持
- 跟蹤動作、突變的時間表
- 商店出現在使用它們的組件中
- 時間旅行和更容易的調試
-
熱模塊更換
- 在不重新加載頁面的情況下修改您的商店
- 在開發時保持任何現有狀態
-
插件:使用插件擴展 Pinia 功能
-
為 JS 用戶提供適當的 TypeScript 支持或自動完成功能
-
服務器端渲染支持
3、Nuxt Modules
由Nuxt團隊和社區創建, 了解我們的模塊列表,以增強您的Nuxt項目。
-
官方地址:https://modules.nuxtjs.org/
-
github地址:https://github.com/nuxt/modules
4、Nuxt 3
輕量級應用框架,可用來創建服務端渲染 (SSR) 應用
官方地址:https://v3.nuxtjs.org/
中文文檔:https://www.nuxtjs.org.cn/
整合vite + vue3 + composition api + ts、CLI、DevTools、Nuxt Kit表明,這是一個體系完備的通用開發框架,能提供良好的代碼組織、極高的開發效率、開發體驗和服務端渲染/靜態網站生成(SSR/SSG)能力,這才是硬核!
Nuxt 3新特性
Nuxt 3 的重構精簡了內核,并且讓速度更快,開發體驗更好。
-
更輕量
以現代瀏覽器為目標的情況下,服務器部署和客戶端產物最多可達 75 倍的減小。
-
更快
用動態服務端代碼分割來優化冷啟動,由 nitro 提供能力。
-
Hybrid
增量靜態生成和其他高級模式現在都成為可能。
-
Suspense
導航前后皆任何組件中獲取數據。
-
Composition API
使用 Composition API 和 Nuxt 3 的 composables 實現真正的可復用性。
-
Nuxt CLI
全新的零依賴體驗,助您輕松搭建項目和集成模塊。
-
Nuxt Devtools