路由

2018-05-17 最近在重构之前写的electron-vue项目，发现以前老是滥用vuex传值，于是想重新整理项目中的数据传递过程，然后在命名式导航上踩了个坑~~~~~~~~~ 命名式导航用query传参，路由地址可以用path指定，但是要用params传参的时候必须用name指定目标组件名，否则无法在$route上获取参数 <router-link :to="{path:'/pages/mainPage',query:{array:[1,2,3,4]}}" > <li>导航1</li> </router-link> <router-link :to="{name:'infoPage',params: { array: [1,2,3,4] }}" > <li>导航2</li> </router-link> 来源： https://www.cnblogs.com/wwzk/p/9049685.html

/app路径下视图显示： /login路径下视图显示： app.vue组件视图： 使用name属性 <template> <div id="app"> <!-- 使用命名视图 控制同一个路径的视图显示位置 --> <router-view></router-view> <router-view name='a'></router-view> </div> </template> <script> export default { } </script> <style lang='less' scoped> </style> 路由： import Vue from 'vue' //引入Vue import Router from 'vue-router' import todo from '../todo/todo.vue' import login from '../login/login.vue' Vue.use(Router) const router = new Router({ //mode:'history', fallback:true, //无法识别history路由的浏览器，自动变成hash模式 routes: [ // /app路径下 默认todo组件在上 login组件在下 { path: '/app', components:{ default:todo, a

本配置命令适用于H3C S12500-CMW520-R1825P01及H3C S5800-CMW520-R1211。 一、IPV6 OSPFv3协议配置 OSPFv3主要启用对IPV6协议的支持； 配置OSPFv3，必须手动指定router id，建议配置为lookback0地址。 12508配置如下： [12500]ospfv3 [12500-ospfv3-1]router-id 10.10.10.1 [12500-ospfv3-1]import-route direct //导入直连路由 [12500-ospfv3-1]import-route static //导入静态路由 [12500]interface Vlan-interface 100 //vlan100为与5800互联vlan [12500-Vlan-interface100] ospfv3 1 area 0.0.0.0 [12500] ipv6 route-static :: 0 2001::1 //配置缺省路由 [12500] ipv6 route-static 2001:10:10:A1:: 64 2001:10:10:67::2 //为不支持ospfv3设备配置一条静态路由 5800配置如下： [5800]ospfv3 [5800-ospfv3-1]router-id 10.10.10.10 [5800

实验涉及命令以及知识补充 连线 PC和交换机FastEtherNet接口 交换机和路由器FastEtherNet接口 路由器和路由器Serial接口 serial是串行口，一般用于连接设备，不能连接电脑。 fastethernet是以太口，平时PC用的就是这种口。 串口 用于接串口设备或者pcm等 以太口 传统的网线口，插网线用的不解释 GBIC/sfp口 光模块接口，大的是GBIC模块；小的接GLC销模块 堆叠口 比如3750的堆叠口，在交换机背面，用于堆叠 路由器之间必须配置时钟才可以通信【只有DEC接口才可以配置时钟】 DTE ： 数据终端设备。如计算机 DCE： 数据通信设备。如modem 路由器接口重命名同交换机 为路由器各接口分配IP R1(config)# interface serial 0/0 R1(config-if)# ip address 192.168.100.1 255.255.255.0 ；设置路由器serial 0/0的IP地址为192.168.100.1，对应的子网掩码为255.255.255.0 R1(config-if)# no shutdown ；启用端口 配置时钟【为什么之配置了一个接口】 R1(config-if)clock rate 64000（必须配置时钟才可通信）注意只有DCE接口才可以设置时钟。（相关命令：show

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1、入口文件 用户发起的请求都会经过应用的入口文件，通常是 public/index.php 文件。当然，你也可以更改或者增加新的入口文件。 通常入口文件的代码都比较简单，一个普通的入口文件代码如下： // 应用入口文件 // 定义项目路径 define('APP_PATH', __DIR__ . '/../application/'); // 加载框架引导文件 require __DIR__ . '/../thinkphp/start.php'; 一般入口文件已定义一些常量为主，支持的常量请参考后续的内容或者附录部分。 通常，我们不建议在应用入口文件中加入过多的代码，尤其是和业务逻辑相关的代码。 2、引导文件 接下来就是执行框架的引导文件， start.php 文件就是系统默认的一个引导文件。在引导文件中，会依次执行下面操作： 加载系统常量定义； 加载环境变量定义文件； 注册自动加载机制； 注册错误和异常处理机制； 加载惯例配置文件； 执行应用； 如果在你的应用入口文件中更改了默认的引导文件，则上述执行流程可能会跟随发生变化。 3、注册自动加载 系统会调用 Loader::register() 方法注册自动加载，在这一步完成后，所有符合规范的类库（包括Composer依赖加载的第三方类库）都将自动加载。

React路由 1.React路由的安装 在项目命令行中，执行 cnpm install react-router-dom -S 下载到生产环境的依赖中。 在组件中通过对象的解构方式去获取到react-router-dom内置组件，在组件中，按需引入内置组件，在页面中进行使用： 2.React路由内置组件 HashRouter表示一个路由的根容器，将来所有的路由相关的东西，都要包裹在HashRouter里面，而且一个网站中，只需要使用一次HashRouter就好了； Route表示一个路由规则，在Route上，有两个比较重要的属性，path，component Link表示一个路由的链接 2.1HashRouter和BrowserRouter的区别； BrowserRouter： 　　原理是H5的history API，IE9及以下不兼容，需要由web server支持，在web client这边window.location.pathname被react router解析，example.com/react/route 　　 HashRouter： 　　原理是URL的hash，不需要由web server支持，因为它的只有‘/’path需要由web server支持，而#/react/route URL不能被web server读取，在web client这边window

除了使用 <router-link > 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location, onComplete?, onAbort?) 注意：在 Vue 实例内部，你可以通过 r o u t e r 访 问 路 由 实 例 。 因 此 你 可 以 调 用 t h i s . router 访问路由实例。因此你可以调用 this. r o u t e r 访 问 路 由 实 例 。 因 此 你 可 以 调 用 t h i s . router.push。 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 <router-link > 时，这个方法会在内部调用，所以说，点击 <router-link :to="…"> 等同于调用 router.push(…)。 声明式 编程式 <router-link :to="…"> router.push(…) 该方法的参数可以是一个字符串路径，或者一个描述地址的对象。例如： // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路由 router

如果经常遇到这样的问题：浏览器无法打开网站，但是qq、微信是正常使用的，说明DNS有问题。我们知道，默认情况下DNS是自动获取的，通常默认DNS就是路由器，然后由路由器负责向上一级路由查找，但是有时候路由器出现问题就可能造成上面的问题，那么如何一劳永逸的解决上面的问题呢？答案就是修改DNS，在手机、电脑上都可以更改，具体根据机型自行查找资料。 以下是一些常用的DNS地址，亲测可用哦~ 119.29.29.29 来源： CSDN 作者： pang9998 链接： https://blog.csdn.net/pang9998/article/details/103688354

“导航”表示路由正在发生改变。 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 **记住参数或查询的改变并不会触发进入/离开的导航守卫。**你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守卫。 全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) 当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于 等待中 。 每个守卫方法接收三个参数： to: Route: 即将要进入的目标 路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。 next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。 next(false): 中断当前的导航。如果浏览器的 URL 改变了

交换机和路由器的区别 1.交换机工作在数据链路层，路由器工作在网络层 2.交换机通过MAC地址表转发数据，路由器通过路右边来转发数据 3.交换机是通过硬件转发数据，路由器通过软件转发数据 交换机的转发原理 MAC地址表的形成过程 1.当交换机收到一个单播数据时，先检查数据源MAC地址在MAC地址表中有么有，如果有，看看表中的 MAC地址对应的接口和当前收到这个数据的接口是否一样，如果一样就忽略，不一样就更新：如果没有 ，学习： 2.在检查数据目标MAC地址在MAC地址表中对应记录 如果有，就单播 如果没有，广播（泛洪） 交换机以太网接口双工模式 单工 数据只能单向传输 半双工 数据双向传输，但不能同时进行 全双工 双向传输且同时进行 路由器： 通过最优路径转发数据到目标的设备 路由器是根据路由表来工作 路由表中维护的是最优路由条目 路由表的形成 直连路由 接口配置ip地址 接口up 非直连路由 通过静态或动态路由添加到路由表实现 静态路由是手动，不耗资源 动态路由是自动，耗费硬件资源和网络资源 静态路由 由管理员手工配置的，是单向的 缺乏灵活性 数据链路层： MTU:最大传输(网络层)单元 1500B IP头部20B 路由器对数据的处理方式 来源： https://www.cnblogs.com/xmtxh/p/11638124.html