大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://dzwzjz.com/article/ijgedd.html
在线咨询
服务热线
服务热线:028-86922220
TOP