返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue2.0路由开启keep-alive时需要注意的地方有哪些
  • 788
分享到

Vue2.0路由开启keep-alive时需要注意的地方有哪些

2024-04-02 19:04:59 788人浏览 安东尼
摘要

这篇文章主要为大家展示了“Vue2.0路由开启keep-alive时需要注意的地方有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue2.0路由开启kee

这篇文章主要为大家展示了“Vue2.0路由开启keep-alive时需要注意的地方有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue2.0路由开启keep-alive时需要注意的地方有哪些”这篇文章吧。

Vue2.0 做应用必有的需求就是页面数据需要做缓存,不用每次进入页面都要把数据重新请求一遍,每次页面切换都有段等待数据相应时间,这个用户体验可想有多么蛋疼,所以页面缓存是必要的,啥时候需要更新页面数据呢?可以监听状态变化,或者是手动下拉刷新重新请求数据,酱紫,我想用户体验会做的更好。

keep-alive的作用以及好处

在做电商有关的项目中,当我们第一次进入列表页需要请求一下数据,当我从列表页进入详情页,详情页不缓存也需要请求下数据,然后返回列表页,这时候我们使用keep-alive来缓存组件,防止二次渲染,这样会大大的节省性能。

废话不多说直接上码,一般是在 src/App.vue 设置开启 keep-alive 实现页面数据缓存:

<template>
 <keep-alive>
  <router-view></router-view>
 </keep-alive>
</template>

列举几个常用的 hook 方法,如下:

export default {
 data() {
  return {
  
  }
 },
 created: function() {
  console.log("the hook of created is done!");
 },
 mounted: function() {
  console.log("the hook of mounted is done!");
 },
 activated: function() {
  console.log("the hook of activated is done!");
 },
 deactivated: function() {
  console.log("the hook of deactivated is done!");
 }
}

首次进来 hook 的触发顺序 created-> mounted-> activated,退出时触发 deactivated:

// 控制台打印结果
the hook of created is done!
the hook of mounted is done!
the hook of activated is done!
the hook of deactivated is done!

二次进来 hook 只触发 activated,退出时触发 deactivated:

// 控制台打印结果
the hook of activated is done!
the hook of deactivated is done!

所以这就是为什么有些人开启 keep-alive 之后,created 和 mounted 注册的 pageInt 方法不触发的原因了,因为 keep-alive 把它们屏蔽了,也就是把数据缓存起来,所以不再请求。

如果你的某些页面一定要实时请求,你可以直接在 activated 这个 hook 做 pageInt,就不要在 created 和 mounted 上面注册 pageInt 方法了。

还有你可以选择性 pageInt,比如监听状态变化,包括但不限于监听路由的变化,某参数的变化,某时间节点的变化等等。

以上是“Vue2.0路由开启keep-alive时需要注意的地方有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: Vue2.0路由开启keep-alive时需要注意的地方有哪些

本文链接: https://www.lsjlt.com/news/78698.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Vue2.0路由开启keep-alive时需要注意的地方有哪些
    这篇文章主要为大家展示了“Vue2.0路由开启keep-alive时需要注意的地方有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue2.0路由开启kee...
    99+
    2024-04-02
  • java继承中需要注意的地方有哪些
    这篇文章给大家分享的是有关java继承中需要注意的地方有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、注意点(1)Java之中只允许多层继承,不允许多重继承,Java存在单继承局限。(2)在Java中,所...
    99+
    2023-06-15
  • PostgreSQL中APP在涉及locks时需要注意的地方有哪些
    这篇文章主要讲解了“PostgreSQL中APP在涉及locks时需要注意的地方有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“PostgreSQL中A...
    99+
    2024-04-02
  • Java关键字在开发中有哪些需要注意的地方?
    Java作为一种面向对象的编程语言,其关键字(keywords)在开发过程中扮演着非常重要的角色。这些关键字有时候会对程序的性能、可读性、可维护性等产生影响。在本篇文章中,我们将探讨Java关键字在开发中需要注意的地方,并附带演示代码。 一...
    99+
    2023-09-12
    关键字 开发技术 文件
  • 使用redis集群需要注意的地方有哪些
    小编给大家分享一下使用redis集群需要注意的地方有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Redis集群相对单机在功...
    99+
    2024-04-02
  • oracle首次安装需要注意的地方有哪些
    这篇文章给大家分享的是有关oracle首次安装需要注意的地方有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 首次安装时,需要确认的以下列表: 1、创建控制文件时,需要确...
    99+
    2024-04-02
  • Bash 脚本编写有哪些需要注意的地方?
    Bash 脚本是一种非常方便的编程语言,可以用于自动化任务、管理系统、实现批处理等多种应用场景。但是,由于 Bash 脚本的语法比较灵活,很容易出现错误,因此编写 Bash 脚本需要注意一些细节,以确保脚本的正确性和可靠性。本文将介绍 B...
    99+
    2023-07-23
    bash leetcode 并发
  • 基于Java8并行流有哪些需要注意的地方
    这篇文章主要介绍了基于Java8并行流有哪些需要注意的地方,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Java8并行流(parallelStream)注意点在最初使用并行流...
    99+
    2023-06-20
  • 日本服务器租用需要注意的地方有哪些
    日本服务器租用需要注意的有:1、确认日本服务器质量,如类型和品牌、稳定性、安全性等;2、确认日本服务器机房带宽情况,可用ping命令测试IDC服务商客户的网站;3、看日本服务器机房是否有好的数据中心冗余。具体内容如下:确认服务器质量日本服务...
    99+
    2024-04-02
  • 租用美国服务器有哪些地方需要注意的
    租用美国服务器需要注意的地方有:1、美国服务器配置,根据业务需求进行合理选择;2、服务器售后服务质量是否可靠;3、选择合适的服务器带宽资源;4、对美国服务器的稳定性进行测试考察。具体内容如下:选择合适的配置,要根据自己业务的需求情况选择合适...
    99+
    2024-04-02
  • Java路径打包有哪些需要注意的问题?
    Java作为一种常用的编程语言,经常需要进行打包操作。在进行Java路径打包时,需要注意一些问题,以确保打包后的程序能够正常运行。下面将介绍一些Java路径打包需要注意的问题。 打包时需要注意的文件 在进行Java路径打包时,需要注意哪...
    99+
    2023-08-22
    path 打包 索引
  • 安装rac时需要注意的问题有哪些
    这篇文章将为大家详细讲解有关安装rac时需要注意的问题有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。安装rac时需要注意的问题1.虚拟机添加共享磁盘,1)创建磁盘在...
    99+
    2024-04-02
  • CSS样式编写时需要注意的有哪些
    CSS样式编写时需要注意的有哪些,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。代码如下:[selector]{  &...
    99+
    2024-04-02
  • Java中的HTTP二维码API:有哪些需要注意的地方?
    在当今数字化时代,二维码已经成为了人们常用的信息传递方式之一。二维码可以在不同的场景中使用,比如商业活动、广告宣传、门票验证等等。Java作为一门广泛使用的编程语言,也提供了HTTP二维码API来支持二维码的生成和解码。在使用Java中的...
    99+
    2023-08-23
    http 二维码 api
  • Java日志路径设置有什么需要注意的地方?
    在Java开发中,日志记录是非常重要的一部分,它可以帮助我们更好地理解应用程序的运行情况,同时也可以帮助我们快速定位问题。在日志记录中,路径设置是一个非常关键的问题,本文将从多个方面介绍Java日志路径设置需要注意的地方。 相对路径和绝...
    99+
    2023-10-17
    日志 教程 path
  • 在 Go 中使用 NumPy 索引:有哪些需要注意的地方?
    NumPy 是一个广泛使用的 Python 科学计算库,它提供了高效的数组操作和数学函数。然而,由于 Python 的解释执行特性,NumPy 在处理大型数据集时可能会变得缓慢。为了解决这个问题,一些开发者开始使用 Go 语言来实现高性能...
    99+
    2023-06-27
    文件 numpy 索引
  • PHP中的路径设置有什么需要注意的地方吗?
    在PHP中,我们经常需要设置路径来引用外部文件或者跳转页面。但是,路径设置并不是一件容易的事情,有很多需要注意的地方。在本文中,我们将讨论在PHP中设置路径时需要注意的一些地方,并且提供一些演示代码,帮助读者更好地理解。 绝对路径和相对...
    99+
    2023-09-05
    path bash 缓存
  • Windows 上的 PHP 重定向同步,有哪些需要注意的地方?
    随着互联网技术的快速发展,PHP作为一门十分流行的编程语言,被越来越多的开发者所使用。在Windows上使用PHP进行重定向同步时,有一些需要注意的地方。本文将从以下几个方面进行探讨。 一、重定向的概念 在Web开发中,重定向指的是服务器将...
    99+
    2023-08-20
    重定向 同步 windows
  • Git在Unix系统下的使用:有哪些需要注意的地方?
    Git是一款非常流行的版本控制工具,可以帮助开发人员轻松地管理代码的版本,同时也可以协助团队协作开发。在Unix系统下使用Git也非常方便,但是仍然有一些需要注意的地方。本文将详细介绍使用Git时需要注意的事项,并提供一些演示代码。 安...
    99+
    2023-08-09
    leetcode git unix
  • IDE 文件中的 ASP 重定向:有哪些需要注意的地方?
    在 ASP 的开发中,我们经常需要使用重定向功能来实现页面的跳转。ASP 重定向是一种非常常见的页面跳转方式,它可以帮助用户快速地跳转到目标页面,同时也能够帮助开发人员更好地管理页面之间的关系。在本文中,我们将介绍 ASP 重定向的相关知...
    99+
    2023-10-29
    重定向 ide 文件
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作