1、OSPF介绍
1)OSPF是1个LS、IGP、无类路由协议
2)OSPF协议号是89,使用组播更新224.0.0.5(SPF) 224.0.0.6(DR/BDR)
2、LS协议工作流程
1)LS:
DV(传言) LS(传信)
L:网络信息 S 我的邻居
2)流程
邻居关系---->收集信息--->交换LSA--->LSDB同步--->以自
原创
2011-11-27 00:01:48
631阅读
1、分层网络设计
1)网络更稳定-->汇总
2)拓扑变化本地化
2、路由器类型
1)内部路由器:所有接口在同1个区域内
2)ABR:连接2个区域的R,必须有1个区域连接area 0
3)骨干区域R:只要有1个接口属于area 0
4)ASBR:连接外部的R,必须重发布
3、LSA类型
1)路由器LSA1
2)网络LSA2
3)汇总LSA LSA3 LSA4
原创
2011-11-29 16:38:16
792阅读
1、链路类型
OSPF可以自动识别二层链路类型
1)p-t-p
2)BMA 以太网 有1个广播地址:FFFFFFFFFFFF
3)NBMA FR 没有1个地址是支持广播
2、网络类型
作用:影响OSPF如何发包、邻居建立
原创
2011-11-29 16:37:10
690阅读
1、特殊区域类型
不是通过汇总减少路由,而是通过过滤LSA来减少路由
1)stub area
(1)普通stub
R1(config-router)#area 1 stub
R3(config-router)#area 1 stub
所有的区域内R都要配置
O*IA 0.0.0.0/0 [110/65] via 13.1.1.1, 00:00:48, Seria
原创
2011-11-29 16:40:43
576阅读
1、两种方式query要用path来引入,params要用name来引入1) 2) 2、参数可传可不传参数值后面加上问号{path: '/cho...
原创
2022-03-03 09:38:45
69阅读
一、路由
路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为:后端路由和前端路由。
1.1 路由分为两大类:
前端路由:Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系:SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换,要
原创
2024-01-21 02:18:43
438阅读
当你进入到某个路径的时候,这个路径会有一个对应的页面,它会将页面文件渲染到路由占位符当中,其实也就是将整个页面渲染到路由占位符当中。这就是前面说的将子组件渲染到App.vue的另外一种方式,用路由的方式。route-view一定会出现在App.vue里面,它其实是路由占位符,页面的入口是App.vue,它的入口一定是主视图。主页面是空白的
原创
2023-08-05 00:44:51
268阅读
export default new Router({ mode: 'history', //路由模式,取值为history与hash base: '/', //打包路径,默认为/,可以修改 routes: [{ path: string, //路径 component: Component; //页面组件 name: string; /
转载
2022-11-14 03:23:58
657阅读
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。Vue 路由(router) Vue 路由实例 默认会被渲...
原创
2021-07-27 20:25:16
732阅读
vue router 路由 什么是前端渲染,什么是后端渲染 后端路由 由后端服务器html+css+java动态绑定数据并渲染好一个页面,直接发送到前端。 优点是有利于seo优化,缺点html和数据逻辑混在一起,难以维护 前后端分离 随着Ajax出现,后端只负责数据,前端去静态服务器请求html+c
原创
2022-01-10 17:03:31
431阅读
Vue路由简介
原创
2022-06-30 17:02:04
254阅读
可以发现,创建的代码自带router/index.js、views/HomeView.vue和AboutView.vue文件:Home页对应:About页对应:这都是通过点击页面的Home或About切换的,页面并没有全部刷新,也没有打开新的标签,仅改变了局部视图和URL。
问题的原因:项目本来使用 hash 的路由模式来部署,因为需求关系,现在要改成 history 的模式来部署了(路径上不要有 # 号) 第一步: 修改项目的 router/index.js 的配置const router = new VueRouter({
mode: 'history', // 将 hash 改成 history
routes: [
...pages
]
}
转载
2024-04-07 13:51:09
198阅读
1.Vue路由(vue-router)介绍 Vue Router 是 Vue.js(opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 ...
转载
2021-08-20 17:44:00
585阅读
2评论
Vue 路由 Vue router path: name: component: redirect: children: meta: 在Web开发中,特别是在使用Vue.js这类现代前端框架时,经常会涉及到路由和组件的组织方式。你提到的路径(path)、名称(name)、组件(component)、重定向(redirect)、子路由(children)和元信息(meta)是Vu
VueRouter的使用
什么是VueRouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。如何使用?使用VueRouter至少需要引入vue-router和Vue。import Vue from "vue";
import VueRouter from "vue-rout
转载
2023-07-14 10:20:02
232阅读
前面的话 在Web开发中,路由是指根据URL分配到对应的处理程序。对于大多数单页面应用,都推荐使用官方支持的vue-router。Vue-router通过管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装 在使用vue-route
原创
2022-08-17 16:47:55
454阅读
Vue 路由 Vue-Router 什么是路由 Vue Router 是 Vue 官方提供的路由管理器,他和 Vue 的核心深度集成,让构建单页面应用变得非常简单,通过根据不同的请求路径,切换显示不同组件进行渲染页面。 基本路由使用 安装路由 注意:使用路由首先要安装模块 npm install v
原创
2022-06-23 12:22:30
244阅读
动态id index.js export default new Router({ routes: [{ path: '/Furong/:id', name: 'Furong', component: Furong }, }) App.vue <template> <div id="app"> <i
转载
2021-07-08 15:30:00
250阅读
感受前端路由1、简介2、HTML页面使用路由1、简介传统的Web应用程序不同页面间的跳转都是向服务器发起请求,服务器处理请求后向浏览器推送页面。在单页应用程序中,不同视图(组件的模板)的内容都是在同一个页面中渲染,页面间的跳转都是在浏览器端完成,这就需要用到前端路由。
原创
2023-02-13 11:42:26
198阅读