【译】Vue 官方周报：Vue大学Pinia终极教程！Postman备胎~火狐Vue测试优化（2023 年第 39 周）

大家好，这里是大家的林语冰，您现在收看的是 2023 年第 39 周 Vue 官方的技术周报。

免责声明

本文属于是语冰的直男翻译了属于是，仅供粉丝参考，视频解说请临幸 Vue 官方周报@bilibili，英文原味版请临幸 Weekly Vue News。

Vue 技术栈

Mozilla 表示："在这一年中，Firefox（火狐浏览器）在 Vue 基准测试优化了约 40%" ------ 图穷匕见。

当测试从 Vue 2 升级到 Vue 3 时，Firefox 中存在若干性能问题。问题的根源是 Vue 3 引入了 Proxy 对象。Proxy 很难优化，因为它们在设计上是通用的，Firefox 对它们进行了优化，使其完全在 JIT（即时编译）中执行，避免冗余工作，这显著优化了 Vue 的响应速度。

解剖 Vue 3 组件

本文解释了使用组合式 API 和 script setup 的 Vue 3 组件的主要成分。

Vue 3 进展迅猛且基本成熟，组合式 API 和 script setup 是编写 Vue 组件强烈推荐的语法糖。这与选项式 API 不同，选项式 API 是 Vue 2 的首选方法。

诉诸 FormKit 在 Vue 中构建可访问的表单

构建表单并不容易，但 FormKit 可以为您提供帮助。

这是一个表单构建框架，其中所有表单逻辑均由 FormKit 提供。

FormKit 不仅仅是一个 UI 库。它是一个面向 Vue 爱好者的综合表单构建框架，更快、更易于访问、更好的 DX 和 UX，以及更少的代码来创作高质量的生产就绪表单，比如输入、验证规则和提交/错误处理。

解锁 Pinia：Vue 大学的终极学习资源

Vue School 发布了 Pinia 实用指南。

它包含所有这些学习资源，帮助您成为 Pinia 专家。

Vue 大学作为 Vue 生态最大的学习中心，包含了 Pinia 相关的丰富学习资源，可帮助您提升状态管理技能，包括但不限于 HMR（热模块替换）、Pinia 插件等高级主题。

Vue 教程：从初学者到前端开发者

4 小时的综合课程将教您开始使用 Vue 3 构建 App 所需的基本概念。

Nuxt 技术栈

Daniel Roe - Nuxt, unJS

Daniel Roe 的播客，讲述它从法律转行设计再转行开发的旅程，以及它最终如何领导 Nuxt 核心团队。

Wut's Nuxt for Nuxt.js？

Alexander Lichter 的播客，它谈论 Nuxt 是什么、Nuxt 如何帮助开发者、围绕服务端渲染的对话、它与 PHP 有何不同，以及 Nuxt 令人鸡冻的地方。

如何使用新的 View Transitions API 在 Nuxt 中创建漂亮的视图过渡

View Transitions API 是对新推出的 Web API 的绝佳补充。

Web Transitions API 是一个新的 API，它为我们提供了一种更好的方法来创建不同 DOM 状态之间的动画转换。在 SPA 中手动执行此操作需要编写大量 CSS 和 JS。Nuxt 是第一个提供了对应的实验性功能的框架。借助新的 API，您可以更轻松地在 App 状态之间创建 amazing 的转换，更易于访问且优化性能。

Novuel - 开源 AI 写作 App

Novuel 是一款使用 Nuxt 3、Nuxt UI 和 Novel Vue 构建的开源 AI 写作 App。