vue-Router是什么

Vue Router 是 Vue.js 官方的路由管理库，用于构建单页应用程序。

路由模式

• Hash 模式：URL 中使用 #（默认模式），兼容性好。
• History 模式(黑丝觉)：基于 HTML5 History API，URL 更美观，需服务器支持。

vue-router中params(陪润儿丝)和query的传值区别

query和params两者都是在Vue路由中传参 用法： query用path来引入，params只能用name来传递，不能使用path

query方式传参和接收参数

//传参
this.$router.push({
        path:'/xxx'
        query:{
          id:id
        }
 })
 //接收参数
this.$route.query.id

传参是this.$router,接收是this.$route

params(陪润儿丝)方式传参和接收参数

//传参: 
this.$router.push({
        name:'xxx'
        params:{
          id:id
        }
      })
  
//接收参数:
this.$route.params.id

params传参里面只能是name，不能是path.params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined

Params(陪润儿丝)

Params 是路由参数，通常用于在URL中表示层级关系或动态部分。例如，在定义路由时使用:id来捕获动态段

const routes = [
  {
    path: '/user/:id',
    component: User,
  },
];

Query

Query 是查询参数，通常用于传递非必要的信息或者在URL中显示某些信息。例如，在URL后面添加?key=value的形式。

// URL 示例
user?id=123&type=admin

拦截

beforeEach(to,from, next) 在路由跳转前触发，参数包括to,from,next(莱克斯特) 三个，这个钩子作用主要是用于登录验证 前置守卫也可以理解为一个路由拦截器，也就是说所有的路由在跳转前都要先被前置守卫拦截