本篇文章给大家分享的是有关keep-alive怎么在vue 中使用，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
目前
创新互联已为1000多家的企业提供了网站建设、域名、虚拟空间、
成都网站托管、企业网站设计、
明山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
一、在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://jkwzsj.com/article/cscjcd.html
