6個實用的Vue3相關生態（總結分享）

本篇文章帶大家整理分享一些實用的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