1.过渡动画看代码：app.vue:效果如下：2、滚动行为首先模拟一个场景：细心的朋友可以发现，右边的滚动条在跳转后还是在原来的位置。而我们平时看到的切换路由后，滚动条默认停留在页面顶部。那么为什么它留在原地呢？因为我们是用vue创建的单页应用，所以只有一个html文件。不管你的路由怎么变，显示的页面永远是那个html。那么切换路由后想让滚动条一直停留在页面顶部怎么办呢？代码如下：router.js:constrouter=newVueRouter({mode:'history',routes:[...],//x,roll;y,rollscrollBehavior(){return{x:0,y:0,}},})看看效果：它看起来像一个有多个页面的应用程序。看看scrollBehavior的三个参数是什么：//去哪里，从哪里来，保存的位置0,y:0,}}}，看输出：to和from看过前面的文章应该不陌生，savedPosition其实保存的是最后一个滚动条的位置。综上所述，过渡动画可能会用到，但不是什么难的知识点。一旦你掌握了过渡标签，你就可以像神一样写作。滚动行为，说白了就是控制滚动条的位置。为了让效果更像切换路由时在多个html文件之间来回切换，一般会把滚动条的位置设置在最上面。在某些情况下，可能还需要对某些页面做一些特殊的处理，例如：我们想在进入页面时默认将某个页面固定在某个位置，那么我们可以使用前面介绍的路由元信息，在meta中配置水平滚动条和垂直滚动条的位置，然后使用scrollBehavior的to和from获取meta中的信息，然后设置滚动行为。本章结束后，将对路由的基本内容进行梳理。暂时没想过大头的内容，近期可能会写一些零星的内容。这段时间在工作和自学的过程中，确实收获很多，在分享的过程中，也让自己的技术水平更上一层楼。虽然很少有人喜欢我的作品，但我还是坚持分享出来，这让我很开心，也让我在工作中更加积极，也逐渐找到了一些前端开发的小窍门。虽然我现在做的工作还是微不足道，但我也学会了如何在这样的工作中提升自己。任重而道远，继续努力，继续乐在开发中。保持愚蠢，保持饥饿。
