「已注销」 2022-05-16 16:03 采纳率: 87.5%
浏览 13
已结题

Vue设置keep-alive,不是这样就好了吗？还有别的东西要加吗

Vue设置keep-alive,不是这样就好了吗？还有别的东西要加吗,
切换页面，页面数据还是会刷新

img

img

  • 写回答

1条回答 默认 最新

  • ZionHH 2022-05-16 17:45
    关注

    是这样的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • vue中的keep-alive用过吗？什么是keep-alive？
    2024-10-09 15:30
    张小瑜的博客 keep-alive是Vue的一个内置抽象组件，通常用于缓存动态组件或路由组件。被keep-alive包裹的组件在切换时不会被销毁，而是被缓存下来，下一次切换回这个组件时，会直接复用之前的实例，保持其状态。在这个例子中， ...
  • 如何使用 Vue 3 的“keep-alive”组件来优化性能？
    2024-11-11 16:42
    JJCTO袁龙的博客 keep-alive。
  • Vue中keep-alive详解[源码]
    2025-11-17 07:09
    Vue中的keep-alive组件是Vue框架中用于缓存组件状态的重要内置组件。它能够在组件切换时保持组件的状态，防止重新渲染DOM，从而提高性能。keep-alive组件主要通过其属性（include、exclude、max）来控制哪些组件需要...
  • vue中keep-alive组件的入门使用教程
    2020-10-16 21:18
    Vue.js 是一个流行的前端框架，用于构建用户界面。在 Vue 中，`keep-alive` 组件是一个特殊的组件，它的主要作用是实现组件的缓存，避免在路由切换时重复渲染和初始化组件，从而提高应用性能。这篇教程将带你了解...
  • vue中keep-alive组件使用和一些基础配置
    2024-10-14 10:24
    JackieDYH的博客 总之，keep-alive组件可以非常方便地帮助我们提高Vue应用程序的性能表现，特别是对于那些需要频繁切换的组件，使用keep-alive缓存组件实例可以更加有效的减少DOM操作和组件实例的创建和销毁。Vue中的keep-alive组件...
  • 详解Vue路由开启keep-alive时的注意点
    2021-01-19 20:23
    这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺...
  • Vue中 keep-alive 详解
    2022-01-13 19:26
    明天也要努力的博客 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用：...
  • 示例vue 的keep-alive缓存功能的实现
    2020-10-17 15:18
    Vue.js 是一款流行的前端框架，它的缓存功能主要通过 `<keep-alive>` 组件来实现。这个组件的主要作用是在组件切换时保持组件的状态，避免每次切换都重新渲染，从而提高性能并优化用户体验。在 Vue 中，`<keep-alive...
  • 【Vue】 keep-alive：让组件状态“永生”的魔法
    2025-04-21 18:29
    海晨忆的博客 meta 标记长列表滚动位置恢复✅配置路由的滚动行为高频切换的 Tab 页✅设置 max 防内存溢出静态内容展示❌无状态变化，无需缓存通过合理使用 keep-alive，你可以轻松实现组件状态的持久化，提升用户体验和性能。...
  • 前端基础知识Vue系列 - 18（keep-alive的理解）
    2025-07-10 10:52
    前端小白从0开始的博客 摘要：Vue的keep-alive组件能够缓存不活跃的组件实例，避免重复渲染。它支持include/exclude匹配组件名称，以及max限制缓存数量。使用时会新增activated和deactivated生命周期钩子。典型应用场景是页面导航时的状态...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 5月24日
  • 已采纳回答 5月16日
  • 创建了问题 5月16日