实现Vue Router路由守卫与页面嵌套布局.pdfVIP

01.VueRouter快速上手

1.1VueRouter简介

Vue-Router是Vue的客户端路由解决方案。客户端路由的作用是在单页应用（SPA）

中将浏览器的URL和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL会

随之更新，但页面不需要从服务器重新加载。

Vue-Router基于Vue的组件系统构建，可以通过配置路由来告诉VueRouter为每个

URL路径显示哪个页面。

例如根组件App.vue，代码如下：

temte

h1HelloApp!/h1

p

strongCurrentroutepath:/strong{{$route.fullPath}}

/p

nav

RouterLinkto=/GotoHome/RouterLink

RouterLinkto=/aboutGotoAbout/RouterLink

/nav

main

RouterView/

/main

/temte

在App.vue中使用了两个由VueRouter的组件RouterLink