Vue官方周报：您不需要 JS！Vue 模板引用的奇技淫巧~方舟无头UI（120期）

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

免责声明

本文属于是语冰的直男翻译了属于是，仅供粉丝参考，视频解说请临幸 Vue 官方周报@bilibili （www.bilibili.com/video/BV17H... Weekly Vue News （weekly-vue.news/issues/120）...

Vue 技术栈

精简 Vue 的模板引用 （dev.to/iamsonnn/ma...

"只需一小坨代码，Vue 模板引用的问题就直接归零。更少的 IDE 警告、更少的未知错误和更安全的类型检查。"

通过 Netlify 和 GitHub 部署 Vue App （www.telerik.com/blogs/deplo...

本教程科普了一种使用 Netlify 和 GitHub 部署 Vue App 的极简方法。

Netlify 是部署 App 的绝佳解决方案，因为它支持 GitHub 等工具，我们能够直接让 GitHub 帐户和 Netlify 帐户梦幻联动，轻而易举地发布我们的 App，草履虫都能学废。

此博客假设您是 Git 和 GitHub 的高手，因为本教程不会介绍支线技能树。我们将只讨论 Netlify 以及如何设置 Netlify 帐户。

方舟 UI （ark-ui.com）

一个用于构建可复用、可扩展设计系统的无头库。
提供 30+ 组件（包括但不限于颜色选择器、日期选择器等）。
兼容 React、Solid 和 Vue。
允许 DIY 您的样式解决方案。

Nuxt 技术栈

NuxtIsland 组件是什么鬼物？ （dev.to/michalkunci...

"这是一个特殊的内置组件，可以让您在服务器上完全渲染组件，这意味着，浏览器不会向客户端提供任何 JS。"

Nuxt Island 是 Nuxt 3 的一个先锋实验性功能，简直酷毙了。即使您使用的是 SSR，且 HTML 内容在服务器上渲染，客户端 JS 仍会在 hydration（注水）期间提供和使用。使用 NuxtIsland 组件，根本没有 hydration。

当我们不需要交互式组件，但我们又需要某些 JS 逻辑来使其工作时，这种使用场景就很有用。

举个栗子，包括但不限于使用语法高亮库，使用繁重的日期工具库，使用类似 Lodash 的工具库等。

在 Nuxt 3 App 中动态启动 SSR/SPA 模式 （www.lichter.io/articles/nu...

本文介绍了按需为站点启动或关闭 SSR 的三大不同方案。

在 Nuxt 2 中，您已经可以诉诸某些奇技淫巧根据页面 URL 按需启动 SSR/SPA 模式。但是，这种方法在 Nuxt 3 中不再有效。

这位大佬科普了这种需求的三大方案，第一种是 roteRules（路由规则），第二种是实验性的 x-nuxt-no-ssr header，第三种是自定义 Nitro 中间件。

Nuxt UI 入门

了解关于 Nuxt UI 的所有基础知识，Nuxt UI 是一个现代 Web App 的UI 库。

专业版也可用：ui.nuxt.com/pro?aff=z1N...