大家好，这里是大家的林语冰，您现在收看的是第 50 期《Vue 技术周报》。
视频解说请临幸 Vue 技术周报@bilibili。
Vue 生态
尤大发朋友圈最新爆料，Vue 3.4 beta（公测版）将于本周正式发布，且期望在今年年底尘埃落定。
距离上一个小版本更新 Vue 3.3 已经大半年了，大家估计忘得差不多了，想要复习的小伙伴可以偷看 up 主翻译的 Vue 官方博客 ------ Vue 3.3 升级公告。
这是一篇"Pinia 之父" E.S.M. 的博客，大佬科普了使用 Pinia 的若干常见错误及其修正方案，包括但不限于：
- 在错误的地方调用
useStore() - 对可替换对象使用
reactive() - 对大型集合使用深度响应性
Vue 组合式函数是可复用的组合函数，用于封装和管理响应式状态和逻辑。
组合式函数可以分为自治组合式函数和依赖组合式函数，这位大佬科普了如何为这两种组合式函数制定有效的测试策略。
在 Vue 3 中，计算属性和 watcher 都允许对响应式数据做出反应，但它们具有不同的目的和行为。
这位大佬科普了计算属性和 watcher 的异同点，这也是 Vue 生态一道回头率超高的面试题。
（付费）Vue 3 中如何优雅的观察 localStorage 的变化
localStorage 是一个常见的业务功能。为了观察和订阅 localStorage 的变化，我们需要一个事件机制来传递消息。
不幸的是，Vue 3 移除了 $on 和 $emit 事件接口，所以我们只能选择 mitt 等第三方库来实现。
这位大佬科普了自己通过中介者模式实现通信，不需要依赖第三方库。
Float UI 使用美观的响应式 UI 组件和现代化设计网站模板，100% 开源免费。
Float 构建与 React/Nextjs 与 Tailwind CSS 之上，同时为使用 Vue 和 Svelte 开发的组件提供支持。
Nuxt 生态
我们平时看视频可能是主动向 B 站请求数据，但 B 站也可以反向给我们推送某些信息，这种推送功能可以通过 websocket 来实现。
这位大佬科普了在 Nuxt 3 集成 websocket 极具挑战，以及具体的实现方案。
h3 是一个高性能和可移植的迷你 http 框架，兼容 Worker、Node.js 等环境，原生支持 Promise，兼容 express 中间件，且在 Nuxt 3 的底层使用。
Vite 生态
完整的现代化前端测试金字塔包括不同的层次，这些层次对应不同的生态和工具。
这位大佬科普了在前端中进行现代化测试的技术方案，比如诉诸 Vitest 进行单元测试等。
程序员名言
编程不是你学会了什么知识，而是你解决了什么问题。
up 主翻译为，视频得来终觉浅，前端撸码要躬行。
程序员笑话
Vue 小技巧：head 管理
Unhead 是一个框架无关的文档头管理器，您可以用它来管理 Vue App 中的页面元数据，比如标题。它用于 Nuxt 核心，是 UnJS 生态系统的一部分。
安装
首先，您需要将 @unhead/vue 依赖项安装到项目中：
bash
npm install @unhead/vue接下来，您需要注册 Vue 插件：
用法
现在，您可以在组件中使用 useHead 组合式函数，举个栗子，设置页面标题：
或者，您可以使用 <Head> 组件来设置页面标题：
您现在收看的是《Vue 技术周报》系列，学废了的小伙伴可以订阅专栏合集，我们每周三佛系投稿，欢迎持续关注 Vue 开源技术。谢谢大家的点赞，掰掰~
