黑马前端学习笔记（从vue2.0到vue3.0）第十天P187-P200

P187 动态路由匹配

提升路由复用性

切换时候 如何拿到值

this.$route 的路由的“参数对象”

this.$router 的路由的“导航对象”

使用{{this.$route.params.**}}固然能找到id的值 

但是太过于麻烦所以

在路由中开启 props属性 

这些就可以在组件中接收

查询参数

P190导航

概念：

可以通过按钮进行跳转  

覆盖当前历史记录

n可以是正数或者负数 

应用场景  app中的后退 跳转

this.$router.go   的简单写法

P191导航守卫

  三种next方式  

P194案例 

安包

npm install -D webpack-cli@4.9.0 @webpack-cli/update 

安路由

npm i vue-router@3.5.2 -S

出现bug 

寻找原因为 有一个导入没有使用到 

直接删除 重新运行 成功