v-if加keep-alive

我们知道,在vue的项目中,使用v-if有切换渲染消耗的问题;使用v-show又有初始渲染消耗的问题。

我们可以使用keep-alive来解决v-if的切换渲染消耗的问题。

下面的例子是一个tab切换,keep-alive目的在于解决,当按钮再次被点击的时候,组件重新渲染并发起http请求,如果去掉keep-alive,则每触发一次按钮,组件都将重新渲染并发起http请求,这有损网页的性能。

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

推荐阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,275评论 0 25
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,741评论 1 45
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,244评论 0 6
  • 链接:https://www.jianshu.com/p/4b55d312d297 keep-alivekeep-...
    刘越姐姐啊阅读 638评论 1 1
  • 史上最全的iOS面试题及答案 iOS面试小贴士———————————————回答好下面的足够了----------...
    Style_伟阅读 2,434评论 0 35