路由

作者: 43e1f527c136 | 来源:发表于2023-02-02 23:00 被阅读0次

1.修改文件

1.router下index.js

2.app.vue文件 使用router-view使用路由

2.路由的跳转

1.声明式导航router-link,可以进行路由跳转

2.编程式导航this.$router.push('/')|replace,可以进行路哟跳转

3.声明式导航能做的编程式都能做,还可以做一些其他业务逻辑

4.配置路由的时候可以配置路由元信息,meta:{show:true}

3.路由传参

params 参数:属于路径当中的一部分呢,需要注意,在配置路由的时候,需要占位

query  参数:不属于路径当中的一部分,类似于Java中的queryString /homek=v&kv=b,不需要占位符。

写法 1.字符串形式,‘/’+this.a 2.模板字符串写法 `/${this.a}` 3.对象式写法

this.$router.push({name:'login',params:{a:this.a},query:{b:this.b})

path不能和params一起使用的

相关文章

  • thinkphp5学习笔记(三)路由配置

    URL请求的执行流程 路由模式 路由注册 路由规则 路由地址 路由参数 变量规则 路由分组 别名路由 路由绑定

  • larevel 路由索引

    基本路由:路由重定向、视图路由路由参数:必选、可选、正则表达式命名路由路由组:中间件、命名空间、子域名路由、路由前...

  • laravel路由

    2 路由格式 3 路由参数 4 .路由别名 5 .路由群组

  • Vue3: 前端路由的概念和原理

    1、什么是路由 路由(英文:router)就是对应关系。路由分为两大类:① 后端路由② 前端路由 2、后端路由 后...

  • 组件化2.路由框架的设计

    路由框架原理 路由框架是为了实现组件之间的通信 路由框架维护了一个分组的路由表路由表中存放了路由地址和路由信息路由...

  • vue中的路由

    vue中4中路由包含: 1、动态路由2、嵌套路由3、编程式路由4、命名式路由 1、动态路由 2、嵌套路由 3、编程...

  • React-Router知识点

    路由的分类 页面路由 hash 路由 h5路由 react路由 react-router-dom 路由方式 h5路...

  • 路由策略

    路由策略和策略路由 什么是路由策略?路由策略和策略路由有什么区别? 如何配置路由策略? https://blog....

  • Laravel 学习笔记

    路由 文件位置: app/Http/routes.php 基础路由get/post 多请求路由 路由参数 路由别名...

  • React路由

    React路由 一、路由的形式 hash路由 : HashRouter history路由 : BrowserRo...

网友评论

      本文标题:路由

      本文链接:https://www.haomeiwen.com/subject/oemghdtx.html