vue 路由跳转&部分页面缓存&页面动画切换

前言:此篇仅做记录。

  • 上一下原先的代码,实现路由跳转&页面动画切换,没做页面缓存,每个页面都要刷新(App.vue)



  • 增加需求,部分页面返回时不刷新
    尝试了以下代码(参考网上的),但是在页面切换时会出现重复动画

    
        
    


    

所以不行,不能使用两个transition包裹
考虑到用 include/exclude 属性,list, detail代表路由中name对应的名字(使用时需要给vue类的name赋值,否则 include/exclude会不生效。。。)


另外:在使用了keep-alive组件后,activated, deactivated这两个生命周期函数就可以用啦

你可能感兴趣的:(vue 路由跳转&部分页面缓存&页面动画切换)