本篇文章帶大家整理分享一些實(shí)用的vue相關(guān)生態(tài)，希望對(duì)大家有所幫助！

1、Vue 插件庫(kù)

Vue 插件庫(kù)收集了最新最全的Vue插件和提供各種Vue插件的詳細(xì)使用方法，支持在線預(yù)覽，Vue 插件下載。（學(xué)習(xí)視頻分享：vue視頻教程）

官方地址：https://www.vue365.cn/

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點(diǎn)擊使用

vue插件庫(kù) 旨在為Web和移動(dòng)應(yīng)用程序開(kāi)發(fā)人員提供最新的免費(fèi)Vue.js組件和插件。

2、Pinia

輕量級(jí)狀態(tài)管理庫(kù)，API 設(shè)計(jì)更接近Vuex 5的提案，也是Vue核心團(tuán)隊(duì)推薦的狀態(tài)管理庫(kù)，同時(shí)支持 Vue2 和 Vue3。

官方地址：https://pinia.vuejs.org/

特性

Pinia具有以下幾點(diǎn)特性：

• 直觀，像定義components一樣地定義 store

• 完整的Typescript支持

• 去除 mutations，只有 state，getters，actions

• actions支持同步和異步

• Vue Devtools支持Pinia，提供更好的開(kāi)發(fā)體驗(yàn)

• 能夠構(gòu)建多個(gè) stores ，并實(shí)現(xiàn)自動(dòng)地代碼拆分

• 極其輕量（1kb），甚至感覺(jué)不到它的存在

使用 Pinia 獲得可很多好處：

• 開(kāi)發(fā)工具支持

  • 跟蹤動(dòng)作、突變的時(shí)間表
  • 商店出現(xiàn)在使用它們的組件中
  • 時(shí)間旅行和更容易的調(diào)試

• 熱模塊更換

  • 在不重新加載頁(yè)面的情況下修改您的商店
  • 在開(kāi)發(fā)時(shí)保持任何現(xiàn)有狀態(tài)

• 插件：使用插件擴(kuò)展 Pinia 功能

• 為 JS 用戶提供適當(dāng)?shù)?TypeScript 支持或自動(dòng)完成功能

• 服務(wù)器端渲染支持

3、Nuxt Modules

由Nuxt團(tuán)隊(duì)和社區(qū)創(chuàng)建， 了解我們的模塊列表，以增強(qiáng)您的Nuxt項(xiàng)目。

• 官方地址：https://modules.nuxtjs.org/

• github地址：https://github.com/nuxt/modules

4、Nuxt 3

輕量級(jí)應(yīng)用框架，可用來(lái)創(chuàng)建服務(wù)端渲染 (SSR) 應(yīng)用

官方地址：https://v3.nuxtjs.org/

中文文檔：https://www.nuxtjs.org.cn/

整合vite + vue3 + composition api + ts、CLI、DevTools、Nuxt Kit表明，這是一個(gè)體系完備的通用開(kāi)發(fā)框架，能提供良好的代碼組織、極高的開(kāi)發(fā)效率、開(kāi)發(fā)體驗(yàn)和服務(wù)端渲染/靜態(tài)網(wǎng)站生成（SSR/SSG）能力，這才是硬核！

Nuxt 3新特性

Nuxt 3 的重構(gòu)精簡(jiǎn)了內(nèi)核，并且讓速度更快，開(kāi)發(fā)體驗(yàn)更好。

• 更輕量

  以現(xiàn)代瀏覽器為目標(biāo)的情況下，服務(wù)器部署和客戶端產(chǎn)物最多可達(dá) 75 倍的減小。

• 更快

  用動(dòng)態(tài)服務(wù)端代碼分割來(lái)優(yōu)化冷啟動(dòng)，由 nitro 提供能力。

• Hybrid

  增量靜態(tài)生成和其他高級(jí)模式現(xiàn)在都成為可能。

• Suspense

  導(dǎo)航前后皆任何組件中獲取數(shù)據(jù)。

• Composition API

  使用 Composition API 和 Nuxt 3 的 composables 實(shí)現(xiàn)真正的可復(fù)用性。

• Nuxt CLI

  全新的零依賴體驗(yàn)，助您輕松搭建項(xiàng)目和集成模塊。

• Nuxt Devtools