安装方式
npm i vue-router
vue-router简单使用以及配置
html页面(依次引入vue.js,router.js以及个人配置的app.js)
.../app.js">
在上述中可能看到王二蛋和李栓柱这两个路由与之前的路由不太一样,我们怎么去匹配这个/:的名字呢?...$route.params.name就可以获取到这个数据,上面的app.js中还发现了$route.query.age这个又是什么呢?...导航守卫(导航钩子)
在实际中,比如在一个站点中出现三个模块,首页,登录,帖子管理
通常下,在用户没有登录下,我们不希望也是没有权限进入帖子管理(用户中心),此时我们就用到了导航守卫
<div id...(帖子内容)
当我们使用上述的路由守卫,在访问路由前跳转之登录页面(/login),但是我们之间去访问子路由的帖子内容,会神奇的发现居然是无法拦截,仅能拦截帖子管理(/post),而子路由帖子内容(/post