vue緩存當前路由（在輸入框中輸入信息后，跳轉其他路由再回來，仍可看到剛剛輸入的內容等）

緩存路由頁面的當前狀態；

<transition name="fade" mode="out-in">
   <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
   </keep-alive>  
</transition>
<router-view v-if="!$route.meta.keepAlive"></router-view>

在router--->index.js中添加

meta: {

　　keepAlive: true

}

注：將transition動態效果添加在外層；v-if="!$route.meta.keepAlive" ，顯示 的是不緩存的路由；

有靜態路由和動態路由混合時，需要加此判斷；