Nuxt 组件只渲染一次，避免刷新和重复渲染 - keep-alive 使用指南

默认情况下，Nuxt 组件会在每次路由切换时重新渲染。如果你希望组件只渲染一次并保持不变，你可以考虑使用 Nuxt 的 'keep-alive' 组件。

'keep-alive' 组件可以缓存已经渲染过的组件，从而避免重复渲染。你可以在需要缓存的组件外层嵌套一个 'keep-alive' 组件，如下所示：

这样，'my-component' 组件就只会在第一次渲染时被渲染，后续的路由切换不会重新渲染它。

注意，'keep-alive' 组件只会缓存已经渲染过的组件，如果你希望组件在第一次渲染时就保持不变，你可以在组件内部通过条件判断等方式控制渲染。