我要评论1.在路由渲染出口做如下设置：
//需要缓存的组件在这里渲染
//不需要缓存的组件在这里渲染
2.router.js路由组件配置：
{path:'/hello',component:Hello,meta:{keepAlive:true}},//需要缓存的组件
{path:'/world',component:World,meta:{}} //不需要缓存的组件
3.在需要缓存的组件实例中设置
为了避免重复加载数据或者缓存组件后数据需要重新加载，因此需要在组件实例的不同的生命周期钩子函数中获取数据，以此来刷新或者缓存数据：
直入主题：
在 activated(){} 钩子函数中获取数据,首次渲染组件时会激活，再次渲染组件时此钩子函数也会激活，相关数据获取的生命周期函数将会不再执行。
所以就达到了首次从服务端获取数据，而不会重复获取的目的.
示例：
activated(){
this.getList();
},
methods:{
getList(){..}
}
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论