路由

作者: 张思佳 | 来源:发表于2020-10-08 13:15 被阅读0次

1、路由的本质就是对应关系。

2、路由分为前端路由和后端路由。

3、后端路由根据不同的用户url请求,返回不同的资源,本质是url请求地址与服务器资源之间的对应关系:

4、前端路由(基于url中的hash实现)根据不同的用户事件,显示不同的页面内容,本质是用户事件与事件处理函数之间的关系:

5、 监听 window 的 onhashchange 事件,根据获取到的最新的 hash 值,切换要显示的组件的名称。通过 location.hash 获取到最新的 hash 值

6、vue-router的基本使用:

7、通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向:

访问根路径时,重定向到user

8、嵌套路由:

9、动态路由匹配:

10、路由组件传递参数(使用props),传递布尔值:

11、props值为对象类型(这样访问不到id值,因为只能接收props对象里面的值):

12、props值设置为函数,可以解决访问不到id的问题:

13、命名路由:

14、声明式导航和编程式导航:

15、

相关文章

  • 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/uhvcpktx.html