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