- keep-alive是Vue的内置组件,用来缓存组件,避免多次加载相应的组件,减少性能消耗
<template>
<div id="app">
<!-- exclude="组件name" ; 意义添加的组件不被缓存 -->
<keep-alive exclude="Detail">
<router-view />
</keep-alive>
</div>
<template>
<script>
export default {
//使用keep-alive会产生新的生命周期
activated () {
console.log(再次进入页面执行)
},
deactivated () {
console.log(退出页面的时候执行)
}
}
</script>