一、使用

作用：讓不展示的路由組件保持掛載，不被銷毀

<template><div><h2>Home組件內容</h2><div><ul class="nav nav-tabs"><li><router-link class="list-group-item" active-class="active" to="/home/news">News</router-link></li><li><router-link class="list-group-item" active-class="active" to="/home/message">Message</router-link></li></ul><!-- 緩存多個路由組件 --><!-- <keep-alive :include="['News','Message']"> --><!-- 緩存一個路由組件 --><keep-alive include="News"><router-view></router-view></keep-alive></div></div>
</template><script>export default {name:'Home',/* beforeDestroy() {console.log('Home組件即將被銷毀了')}, *//* mounted() {console.log('Home組件掛載完畢了',this)window.homeRoute = this.$routewindow.homeRouter = this.$router},  */}
</script>