[toc] ## hash与id  ## tween ``` npm i tween.js ``` ``` import TWEEN from 'tween.js'; ``` ``` beforeRouterUpdate(to,from,next){ this.animate(to); next(); } ,methods:{ animate(to){ function animateFunc(time){ requestAnimationFrame(animateFunc) TWEEN.update(time); } if(to.hash){ //默认是带#，要去掉 var el = document.getElementById(to.hash.slice(1)); var doc = document.getElementByClassName('doc')[0]; if(el){ animateFunc(); new TWEEN.Tween({ number:doc.scrollTop; }).to({ number:el.offsetTop; },500).onUpdate(function(){ //这个this应该是new Tween的实例 doc.scrollTop = this.number.toFixed(0) }).start() } } } ,beforeRouterEnter(to,from,next){ next((vm)=>{ vm.animate(to); }) } } ```