vue性能优化

在vue中,在做路由跳转时,我们通常希望去缓存那些活跃的动态组件,我们就会想到用keep-alive去缓存组件。
但是很多情况下,组件内的数据是通过API获取的动态数据,使用keep-alive缓存后,再次跳转到该组件可能看到的就不是最新的数据。
这时候我们就需要 activated以及deactivated这两个钩子函数,

在create中去请求初始数据,当我们切换组件的时候,在deactived钩子函数中再去刷新数据,这样再次进去组件时,我们都数据都会是最新的,而且感觉不到页面的刷新。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 得益于 Vue 的响应式系统和虚拟 DOM 系统,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更...
    grain先森阅读 18,142评论 0 129
  • VUE Vue :数据驱动的M V Vm框架 m :model(后台提供数据),v :view(页面),vM(模板...
    wudongyu阅读 5,442评论 0 11
  • vue去哪网跟学笔记 记录学习点滴 1. 初始化项目 1.1 手机显示配适 minimum-scale=1.0,m...
    noobakong阅读 2,320评论 0 16
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,282评论 0 25
  • 前言 在iOS的项目开发中经常遇到需要使用一些自定义的字体文件,比如仿宋_GB2312、华康少女体等。之前我们为了...
    不简单的风度阅读 7,173评论 0 8