vue-router keep-alive

页面来回切换时，会不停的执行创建——销毁，想要解决这一问题可以使用keep-alive

app.vue中

<keep-alive>
    <router-view></router-view>
</keep-alive>

 

 

页面的activated和deactivated（活跃状态和不活跃状态）生命周期函数，记录页面的活跃不活跃状态 

使用path属性记录离开时的路径，在beforeRouterLeave中记录

 

keep-alive约见vue-router

exclude:排除某些页面，切换路由时执行创建到离开时销毁

<!-- About和User对应页面的name,同事多个不要有空格 -->
<keep-alive exclude="About,User">
    <router-view></router-view>
</keep-alive>