vue中用到keep-alive部分页面缓存，怎么和transition综合使用？

不用部分缓存时是这样的：

<transition  :name="direction" mode="out-in">
    <keep-alive>
          <router-view></router-view>
    </keep-alive>
</transition>

现在变成如下这样，那么transition怎么加上去，不会有问题？求指教大神！

<keep-alive>
        <router-view v-if="$route.meta.keepAlive" ></router-view>
</keep-alive>
 <router-view v-if="!$route.meta.keepAlive"></router-view>

http://www.jb51.net/article/122575.htm
希望帮到你