vue有关路由的知识点

    xiaoxiao2023-10-16  23

    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中进行指定】

     

     

    最新回复(0)