vue有关路由的知识点

router 路由

路由中使用的一些组件

 

router-view

是用来显示内容，我们所有的配置在路由表（routes）中的组件都会现在在此容器内14| router-link

最终会生成a标签用来做路由跳转，每一个router-1ink必须要一个属性叫to，表示跳转的路径16在配置跳转路由的时候可以设置以下参数

 

 

• name路由表中配置的路由的名字（超级建议使用）
• path 路由表中配置的ur1访问的地址
• params路由访问地址中传递的参数，可以是任意形式的；但是如果参数想在页面刷新之后保留，就必须在路由表配置的时候使用：参数名的形式设置
• query 表示访问地址后面的ur1中传递的参数，使用?分割
• 当使用了路由之后，在页面组件（配置在路由表中的组件）中会包含两个属性 $routen表示路由对象，可以在上面实现跳转和刷新等操作;push(路由对象或者url地址【建议使用路由对象】)$route 表示当前路由的数据，包含有路径 参数等信息

---

路由嵌套

在vue的路由中可以通过children属性实现嵌套，可以嵌套很多级

每一个children属性的值是一个路由对象组成的数组

子路由的内容显示在父路由对应的组件中的router-view节点中

 

---

params 和 query 传参的区别

 

1.query传参是在ur1地址后面使用？进行分割参数名和参数值之间用=，多个参数之间使用&

2.params传参可以传递任意类型的参数，可以传递多个参数。params传参的时候参数在页面刷新之后不会保存

【除非你在路由配置的时候通过：参数名的形式在路由的path中进行指定】