动态路由

3.8.动态路由匹配和路由组件传参 3.8.1.动态路由匹配 动态路由意味着不固定，具有某种模式，我们希望通过某种匹配方式，把这种不固定的路由形势映射到同一个组件，例如：一个User组件，不同的ID表示不同的用户，即/user/1、/user/2、/user/3，这些不同用户所对应的路由，我们都希望用一个User组件来渲染。vue-router中提供了动态路径参数来实现这种需求，动态路径参数写法: routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ] 这里的id类似于一个变量，id可以是1、2、3等具体的值 <template> <div class="page"> <router-link :to="'/user/'+item.id" v-for="(item, index) in userList" :key="index">{{item.username}}</router-link> </div> </template> <script type="text/javascript"> let userData = [ { id: '1', username: 'nodeing1', level: 'vip1' }, { id: '2', username: 'nodeing2', level:

前端三大框架（Vue，React，Angular） 框架 组织方式 数据绑定 模板能力 自由度 路由 Angular MVC 双向绑定 强大 较小 静态路由 React 模块化 单向绑定 自由 大 动态路由 Vue 模块化 双向绑定 自由 较大 动态路由 组织方式 Angular 采用 MVC 的数据划分，而 Vue 和 React 采用 模块 化方案。 数据绑定 模板指令 Angular的模板是 最强大的 ，除了自带的丰富的模板指令，还可以通过自定义的指令定义模板，调用的时候只需要一个指令名称就够了。 React 模板就是 JSX ，JSX语法相当于一个变量，相当灵活。没有什么问题是一坨js解决不了的，如果有，那就用两坨。 模板 Vue 模板借鉴了 Angular 的模板指令，但是没那么复杂。它的特点就是 简洁易用 。 自由度 Angular 本身是一个 大而全的框架 ，它对模块模板路由都有很多的要求，因此 自由度比较小 。 React 是UI层框架，JSX模板相当于js，写起来自由度非常大，相当于原生的js。 Vue 追求的是灵活，简单，但还是受到一些经典Web技术的限制，相对React自由度小一些，但其实也比较自由。 路由 Angular 路由是自带的，而 Vue 和 React 是借助别的路由工具。 React 使用 React-router ， Vue 使用 Vue

rip 1 \\启动rip协议 network 10.0.0.0 \\需要路由的网段 认证可配可不配，但配置会提升网络的安全性 rip authentication-mode simple huawei \\配置 MD5认证。认证密码均为 huawei 来源： https://www.cnblogs.com/stone-ocean/p/11955089.html

转载学习， https://blog.csdn.net/qq_43237999/article/details/89738813 问题 在相对较小而且结构不变的网络中，静态路由是很好的解决方案，它配置简单而且不过多消耗设备资源（动态路由协议在运行时要消耗路由器内部资源，在与其他路由器更新信息时又会消耗网络资源）。 然而在大型网络中，网络非常多，而且很有可能因为某些因素的影响，网络拓扑会有轻微变化。这时如果仍然采用静态路由就非常不方便了。 1)通过RIP实现路由间通信 方案 动态路由协议配置灵活，路由器会发送自身的路由信息给其他路由器，同时也会接收其他路由器发来的路由信息建立自己的路由表。这样在路由器上就不必像静态路由那样为每个目标地址都配置路由，因为路由器可以通过协议学习这些路由。网络拓扑改变，路由信息也会自动更新，无需管理员干预。 网络拓扑如图所示： 步骤 实现此案例需要按照如下步骤进行。 步骤一：VLAN以及端口配置与上面3三层交换配置路由完全一致，不再赘述配置 步骤二：将上面【1.3在三层交换机上配置路由】中的静态、默认路由删除 tarenasw-3L(config)#no ip route 0.0.0.0 0.0.0.0 192.168.10.1 tarena-rouer(config)#no ip route 192.168.1.0 255.255.255.0 192

路由基础 要完成对数据包的路由，一个路由器必须至少了解以下内容： 1． 目的地址 2． 项链路由器，并可以从哪里获得远程网络的信息 3． 到所有远程网络的可能路由 4． 到达每个远程网络的最佳路由 5． 如何维护并验证路由信息 在网络上配置IP路由 不同路由类型是 1． 静态路由 2． 默认路由 3． 动态路由 静态路由 用手工的方式将路由添加到每台路由器的路由表中去，这种方式就是静态路由。 静态路由有优点，也有缺点。 有以下优点： 1． 对于路由器的CPU没有管理性开销。 2． 在路由器之间没有带宽占用。 3． 他增加了安全性，因为管理员可以有选择地允许路由之访问特定的网络。 有以下缺点： 1． 管理员必须真正的了解所配置的互联网络，以及每台路由器应该如何正确的连接以正确配置这些路由。 2． 如果某个网络加入到互联的网络中，管理员必须在所有的路由器上通过人工添加对它的路由。 3． 对于大型网络，这几乎不可行，因为静态路由会导致巨大的工作量。 添加静态路由到路由表的语法如下： Ip route [destination_network] [mask] [next-hop_address] [administrative_distance] [permanent] 命令中每个字段的描述： 1． Ip route 用于创建静态路由的命令。 2． Destination_network

来源： https://www.cnblogs.com/wzj577370668/p/11950261.html

静态路由和动态路由的区别：静态路由一般适用于比较简单的网络；动态态路由应用在复杂的网络环境 具体区别： 1、动态路由是与静态路由相对的一个概念，指路由器能够根据路由器之间的交换的特定路由信息自动地建立自己的路由表，并且能够根据链路和节点的变化适时地进行自动调整。 当网络中节点或节点间的链路发生故障，或存在其它可用路由时，动态路由可以自行选择最佳的可用路由并继续转发报文。 2、使用静态路由的好处是网络安全保密性高。动态路由因为需要路由器之间频繁地交换各自的路由表，而对路由表的分析可以揭示网络的拓扑结构和网络地址等信息。 因此，网络出于安全方面的考虑也可以采用静态路由。不占用网络带宽，因为静态路由不会产生更新流量。 来源： https://www.cnblogs.com/liufuyang/p/11946558.html

1、 静态路由 是指由 网络管理员 手工配置的 路由 信息。当网络的 拓扑结构 或 链路 的状态发生变化时，网络管理员需要手工去修改 路由表 中相关的静态路由信息。静态路由信息在缺省情况下是私有的，不会传递给其他的 路由器 。当然，网管员也可以通过对路由器进行设置使之成为共享的。静态路由一般适用于比较简单的 网络环境 ，在这样的 环境 中，网络管理员易于清楚地了解网络的拓扑结构，便于设置正确的路由信息。 2、 动态路由 是指路由器能够自动地建立自己的路由表，并且能够根据 实际 实际情况的变化适时地进行调整。动态路由 机制 的运作依赖路由器的两个基本功能：对路由表的维护；路由器之间适时的路由 信息交换 。 来源： https://www.cnblogs.com/cms0729/p/11939272.html

动态路由协仪 动态路由协议通过路由信息的交换生成并维护转发引擎所需的路由表。当网络拓扑结构改变时动态路由协议可以自动更新路由表，并负责决定数据传输最佳路径。 作用 动态路由协议的作用主要有以下三点： (1)维护路由信息。 (2)建立路由表。 (3)决定最佳路由。 优缺点 动态路由协议的优点： (1)可以自动适应网络状态的变化。 (2)自动维护路由信息而不需要网络管理员的参与。 动态路由协议的缺点： (1)由于需要相互交换路由信息，因而占用网络带宽与系统资源。 (2)安全性不如静态路。 在有冗余连接的复杂网络环境中，适合采用动态路由协议。在动态路由协议中，目的网络是否可达取决于网络状态。 静态路由 静态路由 （英语：Static routing），一种 路由 的方式，路由项（routing entry）由手动配置，而非动态决定。与 动态路由 不同，静态路由是固定的，不会改变，即使网络状况已经改变或是重新被组态。一般来说，静态路由是由 网络管理员 逐项加入 路由表 。 优点 使用静态路由的另一个好处是 网络安全 保密性高。 动态路由 因为需要 路由器 之间频繁地交换各自的 路由表 ，而对路由表的分析可以揭示网络的 拓扑结构 和 网络地址 等信息。因此，网络出于安全方面的考虑也可以采用静态路由。不占用网络带宽，因为静态路由不会产生更新流量。 缺点 大型和复杂的网络环境通常不宜采用静态路由

动态路由 路由组件是 vue-router 动态路由即从后端请求路由信息，然后转化生成路由信息。所以这里的关键是不会提前知道什么菜单对应什么组件，因此路由声明的时候不再是写死的组件，而是可替换的动态路径。相关的功能就是 路由懒加载 ，以及 异步组件 具体过程就是 导航守卫 的前置守卫中，根据是否登录来判断是否请求用户信息以及路由信息，再将请求的路由信息转化成路由，最后添加到路由表 router.beforeEach((to, from, next) => { if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息，得到用户信息后立即请求路由信息 store .dispatch('GetUserInfo') .then(res => { // 拉取user_info const roles = res.data.Data.Roles // note: roles must be a array! such as: ['editor','develop'] store .dispatch('GenerateRoutes', { roles }) .then(() => { // 执行GenerateRoutes动作后，store.getters.addRouters得到的就是内置的路由以及请求的路由的集合