本文重要议论最新版的vue-router(撑持Vue3),重要从其浮现缘由、行使方法、本身完成一个玩物vue-router以及vue-router源码剖析这几个角度去议论,期望你喜好。
前端路由演化在JQuery光阴,普遍Web项目标路由都是由后端完成的,用户走访网页时的罕见过程为:
1.用户走访路由2.后端得到路由并般配响应的模板3.后端动态衬着模板并返回4.涉猎器加载返回模板中的JS、CSS前端人员的开拓普遍都受限于后端框架供应的模板言语,用户屡屡页面跳转,都由后端动态衬着出响应的模板并返回。
这类项目开拓方法有许多毛病:
先后端无奈离开页面调换需求革新全部页面等候光阴较长、交互体会下落当Ajax出来后,先后端也许离开了,前端工程师试验欺诈JS来建设路由系统,用户走访某路由时,欺诈Ajax去动态获得数据,再欺诈JS去动态临盆换网页页面,如此页面不需求全部革新,用户涉猎网页的体会也更好了一些。
这类,经过JS去管束路由,让用户延续停息在index.html上,经过JS动态遵循不同路由加载不同页面元素的运用即是单页运用程序(SPA,singlepageapplication)的初期状态。
vue-router的重点旨趣也相仿,经过JS去般配URL,而后加载不同的页面体例。
寻常,前端JS般配路由URL有两种方法:
hash形势,经过在URL中列入#来做体例辨别history形势,这类方法的URL看起与平常的相同在年以前,众人重要经过hash形势来般配URL,其URL形势为: