keep-alive怎么在vue中使用

本篇文章给大家分享的是有关keep-alive怎么在vue 中使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联公司基于分布式IDC数据中心构建的平台为众多户提供联通机房服务器托管 四川大带宽租用 成都机柜租用 成都服务器租用。

一、在app.vue里


  

但是这种情况会对所有的组件进行缓存,不能达到单个组件缓存的效果。

那么我们给部分组件加上,实现方法如下:

在app.vue



  


二、 在路由的index.js页面里

{
  path: '',
  name: '',
  component: '',
  meta: {keepAlive: true}   // 这个是需要keepalive的
},
{
  path: '',
  name: '',
  component: ,
  meta: {keepAlive: false}  // 这是不会被keepalive的
}

这就实现了部分组件的缓存功能

如果缓存的组件想要清空数据或者执行初始化方法,在加载组件的时候调用activated钩子函数,如下:

activated: function () {
  this.data = ‘'
}

以上就是keep-alive怎么在vue 中使用,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


分享题目:keep-alive怎么在vue中使用
文章地址:http://bzwzjz.com/article/ijgedd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计推广 达州网站设计 专业网站设计 成都网站制作 教育网站设计方案 营销型网站建设 成都网站建设 成都网站建设 成都网站设计公司 成都网站建设 四川成都网站制作 上市集团网站建设 成都网站设计 重庆手机网站建设 成都网站建设 成都网站建设 专业网站设计 网站建设公司 手机网站设计 成都网站建设公司 成都网站建设 网站设计公司