实现HSRP-热备份路由协议

news2024/11/20 15:37:08

实现HSRP-热备份路由协议

<HSRP多组实现>

网络工程师必会的企业网络常用双机热备协议之HSRP

实验拓扑:

实验目的:

  1. 通过配置多组HSRP实现网关自动切换和链接负载均衡,既当网络正常时PC1,PC3通过R1到达R3,PC2,PC4通过R2到达R3,当R1或R2发生故障时网关能自动切换,以确保VLAN2,VLAN3的主机到达R3的连通性,

实验步骤目录:

  1. 基本配置:按拓扑所示配置各设备的IP地址.

  2. PAT和路由配置:分别在R1和R2上配置PAT和默认路由

  3. HSRP配置:分别在R1和R2上配置HSRP

  4. 验证和测试:分别R1,R2和PC上进行验证和测试

  5. 模拟故障发生:在R1或R2上模拟故障的发生,验证网关能否自动切换

实现步骤1: 基本配置:按拓扑所示配置各设备的IP地址.

配置R1:

Router(config)#host R1

R1(config)#int s0/1

R1(config-if)#clock rate 64000

R1(config-if)#ip add 13.1.1.1 255.255.255.0

R1(config-if)#no shutdown

R1(config-if)#exit

R1(config)#int e0/0

R1(config-if)#no shutdown

R1(config-if)#exit

R1(config)#int e0/0.2

R1(config-subif)#encapsulation dot1Q 2

R1(config-subif)#ip add 2.1.1.1 255.255.255.0

R1(config-subif)#exit

R1(config)#int e0/0.3

R1(config-subif)#encapsulation dot1Q 3

R1(config-subif)#ip add 3.1.1.1 255.255.255.0

R1(config-subif)#end

配置R2:

Router(config)#host R2

R2(config)#int s0/1

R2(config-if)#clock rate 64000

R2(config-if)#ip add 23.1.1.2 255.255.255.0

R2(config-if)#no shutdown

R2(config-if)#exit

R2(config)#int e0/0

R2(config-if)#no shutdown

R2(config-if)#exit

R2(config)#int e0/0.2

R2(config-subif)#encapsulation dot1Q 2

R2(config-subif)#ip add 2.1.1.2 255.255.255.0 

R2(config-subif)#exit

R2(config)#int e0/0.3

R2(config-subif)#encapsulation dot1Q 3

R2(config-subif)#ip add 3.1.1.2 255.255.255.0

R2(config-subif)#end

配置R3:

Router(config)#host R3

R3(config)#int s0/0

R3(config-if)#ip add 13.1.1.3 255.255.255.0

R3(config-if)#no sh

R3(config-if)#exit

R3(config)#int s0/1

R3(config-if)#ip add 23.1.1.3 255.255.255.0

R3(config-if)#no sh

R3(config-if)#exit

R3(config)#int loo0

R3(config-if)#ip add 3.3.3.3 255.255.255.0

R3(config-if)#no sh

R3(config-if)#end

配置SW1:

Switch(config)#host SW1

SW1(config)#int f0/1

SW1(config-if)#switchport trunk encapsulation dot1q

SW1(config-if)#switchport mode trunk

SW1(config-if)#int f0/2

SW1(config-if)#switchport trunk encapsulation dot1q

SW1(config-if)#switchport mode trunk

SW1(config-if)#exit

SW1(config)#exit  

SW1#vlan da

SW1#vlan database

SW1(vlan)#vlan 2

VLAN 2 added:

    Name: VLAN0002

SW1(vlan)#vlan 3

VLAN 3 added:

    Name: VLAN0003

SW1(vlan)#exit

APPLY completed.

Exiting....

SW1(config)#int f0/4

SW1(config-if)#switchport mode access

SW1(config-if)#switchport access vlan 2

SW1(config-if)#int f0/5

SW1(config-if)#switchport mode access

SW1(config-if)#switchport access vlan 2

SW1(config-if)#int f0/6

SW1(config-if)#switchport mode access

SW1(config-if)#switchport access vlan 3

SW1(config-if)#int f0/7

SW1(config-if)#switchport mode access

SW1(config-if)#switchport access vlan 3

配置PC1-PC4:

每台PC的设置按拓扑要求配置好IP和网关

配置PC1:

Router(config)#host PC1

PC1(config)#no ip routing

PC1(config)#int e0/0

PC1(config-if)#ip add 2.1.1.11 255.255.255.0

PC1(config-if)#no sh

PC1(config-if)#exit

PC1(config)#ip default-gateway 2.1.1.253

配置PC2:

Router(config)#host PC2

PC2(config)#no ip routing

PC2(config)#int e0/0

PC2(config-if)#ip add 2.1.1.12 255.255.255.0

PC2(config-if)#no sh

PC2(config-if)#exit

PC2(config)#ip default-gateway 2.1.1.254

配置PC3:

Router(config)#host PC3

PC3(config)#no ip routing

PC3(config)#int e0/0

PC3(config-if)#ip add 3.1.1.13 255.255.255.0

PC3(config-if)#no sh

PC3(config-if)#exit

PC3(config)#ip default-gateway 3.1.1.253

配置PC4:

Router(config)#host PC4

PC4(config)#no ip routing

PC4(config)#int e0/0

PC4(config-if)#ip add 3.1.1.14 255.255.255.0

PC4(config-if)#no sh

PC4(config-if)#exit

PC4(config)#ip default-gateway 3.1.1.254

实现步骤2: PAT和路由配置:分别在R1和R2上配置PAT和默认路由

配置R1:

R1(config)#access-list 10 permit 2.1.1.0 0.0.0.255

R1(config)#access-list 10 permit 3.1.1.0 0.0.0.255

R1(config)#ip nat inside source list 10 interface s0/1 overload

R1(config)#int e0/0.2

R1(config-subif)#ip nat inside

R1(config-subif)#int e0/0.3

R1(config-subif)#ip nat inside

R1(config-subif)#int s0/1

R1(config-if)#ip nat outside

R1(config)#ip route 0.0.0.0 0.0.0.0 13.1.1.3

配置R2:

R2(config)#access-list 10 permit 2.1.1.0 0.0.0.255

R2(config)#access-list 10 permit 3.1.1.0 0.0.0.255

R2(config)#ip nat inside source list 10 interface s0/1 overload

R2(config)#int e0/0.2

R2(config-subif)#ip nat inside

R2(config-subif)#int e0/0.3

R2(config-subif)#ip nat inside

R2(config-subif)#int s0/1

R2(config-if)#ip nat outside

R2(config)#ip route 0.0.0.0 0.0.0.0 23.1.1.3

实现步骤3:HSRP配置:分别在R1和R2上配置HSRP

HSRP配置命令参考解释:

R1(config-subif)#standby 1 ?   //hsrp version1组号为0-255,V2为0-4095

  authentication  Authentication  //配置HSRP验证功能

  ip              Enable HSRP and set the virtual IP address //虚拟IP

  mac-address     Virtual MAC address //手工配置虚拟MAC地址

  name            Redundancy name string  //HSRP组名

  preempt         Overthrow lower priority Active router抢占,默认关闭

  priority        Priority level //配置优先级0-255,默认为100,大的优选

  timers       Hello and hold timers hello包发送和保持时间默认3 和10

  track           Priority tracking  //配置跟踪功能

配置R1:

R1(config)#int e0/0.2

R1(config-subif)#standby 1 ip 2.1.1.253  配置group1(vr1)的虚拟IP地址

R1(config-subif)#standby 1 priority 110  配置group1(vr1)的优先级

R1(config-subif)#standby 1 preempt       配置group1(vr1)抢占功能

R1(config-subif)#standby 1 track serial 0/1 50配置group1(vr1)跟踪功能

R1(config-subif)#standby 2 ip 2.1.1.254  配置group2(vr2)的虚拟IP地址

R1(config-subif)#standby 2 priority 105  配置group2(vr2)的优先级

R1(config-subif)#standby 2 preempt       配置group2(vr2)抢占功能

R1(config-subif)#standby 2 track serial 0/1 50配置group2(vr2)跟踪功能

standby 2 track serial 0/1 50 >>如果s0/1接口状态为down,则优先级降50

R1(config)#int e0/0.3

R1(config-subif)#standby 3 ip 3.1.1.253  配置group3(vr3)的虚拟IP地址

R1(config-subif)#standby 3 pri 110       配置group3(vr3)的优先级

R1(config-subif)#standby 3 preempt       配置group3(vr3)抢占功能

R1(config-subif)#standby 3 track s0/1 50 配置group3(vr3)跟踪功能

R1(config-subif)#standby 4 ip 3.1.1.254  配置group4(vr4)的虚拟IP地址

R1(config-subif)#standby 4 priority 105  配置group4(vr4)的优先级

R1(config-subif)#standby 4 preempt       配置group4(vr4)抢占功能

R1(config-subif)#standby 4 track s0/1 50 配置group4(vr4)跟踪功能

配置R2:

R2(config)#int e0/0.2

R2(config-subif)#standby 1 ip 2.1.1.253

R2(config-subif)#standby 1 priority 105 

R2(config-subif)#standby 1 preempt

R2(config-subif)#standby 1 track serial 0/1 50

R2(config-subif)#standby 2 ip 2.1.1.254

R2(config-subif)#standby 2 priority 110

R2(config-subif)#standby 2 preempt

R2(config-subif)#standby 2 track serial 0/1 50

R2(config)#int e0/0.3

R2(config-subif)#standby 3 ip 3.1.1.253

R2(config-subif)#standby 3 priority 105

R2(config-subif)#standby 3 preempt

R2(config-subif)#standby 3 track s0/1 50

R2(config-subif)#standby 4 ip 3.1.1.254

R2(config-subif)#standby 4 priority 110

R2(config-subif)#standby 4 preempt

R2(config-subif)#standby 4 track s0/1 50

实现步骤4: 分别R1,R2和PC上进行验证和测试

在R1上验证HSRP参数:

R1#show standby brief

                     P indicates configured to preempt.

                     |

Interface   Grp Prio P State    Active    Standby        Virtual IP    

Et0/0.2     1   110  P Active   local     2.1.1.2         2.1.1.253     

Et0/0.2     2   105  P Standby  2.1.1.2   local           2.1.1.254      

Et0/0.3     3   110  P Active   local     3.1.1.2         3.1.1.253     

Et0/0.3     4   105  P Standby  3.1.1.2   local           3.1.1.254 

显示参数解释:

Grp:组号

Prio:优先级

P:抢占

State:HSRP状态(同一个组里同时只有一台Active或是Standby状态,一个组里可以同时有多台路由器处于listen状态)

Active:显示处于活动状态的路由器

Standby:显示处于备份状态的路由器

Virtual IP:显示每个组的虚拟路由器IP地址

解释R1:show standby brief

针对group1,R1是active,R2为standby

针对group2,R1是,standby,R2为active

针对group3,R1是active,R2为standby

针对group4,R1是,standby,R2为active

在R2上验证HSRP参数:

R2#show standby brief

                     P indicates configured to preempt.

                     |

Interface   Grp Prio P State    Active    Standby         Virtual IP    

Et0/0.2     1   105  P Standby  2.1.1.1   local           2.1.1.253     

Et0/0.2     2   110  P Active   local     2.1.1.1         2.1.1.254     

Et0/0.3     3   105  P Standby  3.1.1.1   local           3.1.1.253     

Et0/0.3     4   110  P Active   local     3.1.1.1         3.1.1.254     

显示参数解释:

Grp:组号

Prio:优先级

P:抢占

State:HSRP状态(同一个组里同时只有一台Active或是Standby状态,一个组里可以同时有多台路由器处于listen状态)

Active:显示处于活动状态的路由器

Standby:显示处于备份状态的路由器

Virtual IP:显示每个组的虚拟路由器IP地址

解释R2:show standby brief

针对group1,R1是standby,R2为active

针对group2,R1是,active ,R2为standby

针对group3,R1是standby,R2为active

针对group4,R1是,active ,R2为standby

在PC1上测试:

---------------------------------------------------------------------

PC1#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

------------------------

PC1#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 2.1.1.1 0 msec 0 msec 4 msec

  2 13.1.1.3 20 msec *  16 msec

---------------------------------------------------------------------

在PC2上测试:

PC2#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

----------------------

PC2#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 2.1.1.2 4 msec 4 msec 4 msec

  2 23.1.1.3 16 msec *  16 msec

---------------------------------------------------------------------

在PC3上测试:

PC3#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

----------------------

PC3#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 3.1.1.1 4 msec 4 msec 4 msec

  2 13.1.1.3 16 msec *  16 msec

---------------------------------------------------------------------

在PC4上测试:

PC4#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

-----------------------

PC4#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 3.1.1.2 6 msec 3 msec 5 msec

  2 23.1.1.3 19 msec *  16 msec

---------------------------------------------------------------------

实现步骤5在R1或R2上模拟故障的发生,验证网关能否自动切换

在R1上关闭外网接口S0/1,验证网关能否切换到R2.

R1(config)#int s0/1

R1(config-if)#shutdown

在PC1上测试:

PC1#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

-----------------------

PC1#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 2.1.1.2 4 msec 4 msec 4 msec

  2 23.1.1.3 16 msec *  16 msec

在PC2上测试:

PC2#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 2.1.1.2 4 msec 4 msec 4 msec

  2 23.1.1.3 20 msec *  16 msec

在PC3上测试:

PC3#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

----------------------

PC3#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 3.1.1.2 4 msec 4 msec 4 msec

  2 23.1.1.3 16 msec *  16 msec

在PC4上测试:

PC4#ping 3.3.3.3

Type escape sequence to abort.

Sending 5, 100-byte ICMP Echos to 3.3.3.3, timeout is 2 seconds:

!!!!!

-----------------------

PC4#traceroute 3.3.3.3

Type escape sequence to abort.

Tracing the route to 3.3.3.3

  1 3.1.1.2 2 msec 3 msec 2 msec

  2 23.1.1.3 19 msec *  40 msec

---------------------------------------------------------------------

启用R1外网接口:

R1(config)#int s0/1

R1(config-if)#no shutdown

---------------------------------------------------------------------

在R1和R2上再次确认HSRP的正常状态:

R1#show standby brief

                     P indicates configured to preempt.

                     |

Interface   Grp Prio P State    Active    Standby        Virtual IP    

Et0/0.2     1   110  P Active   local     2.1.1.2         2.1.1.253     

Et0/0.2     2   105  P Standby  2.1.1.2   local           2.1.1.254     

Et0/0.3     3   110  P Active   local     3.1.1.2         3.1.1.253     

Et0/0.3     4   105  P Standby  3.1.1.2   local           3.1.1.254 

解释R1:show standby brief

针对group1,R1是active,R2为standby

针对group2,R1是,standby,R2为active

针对group3,R1是active,R2为standby

针对group4,R1是,standby,R2为active

在R2上验证HSRP参数:

R2#show standby brief

                     P indicates configured to preempt.

                     |

Interface   Grp Prio P State    Active    Standby         Virtual IP    

Et0/0.2     1   105  P Standby  2.1.1.1   local           2.1.1.253     

Et0/0.2     2   110  P Active   local     2.1.1.1         2.1.1.254     

Et0/0.3     3   105  P Standby  3.1.1.1   local           3.1.1.253     

Et0/0.3     4   110  P Active   local     3.1.1.1         3.1.1.254     

解释R2:show standby brief

针对group1,R1是standby,R2为active

针对group2,R1是,active ,R2为standby

针对group3,R1是standby,R2为active

针对group4,R1是,active ,R2为standby

<<各设备的详细配置show run请看附件R1.LOG R2.LOG R3.LOG SW1.LOG>>

联系我们

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1358352.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

企业微信开发:自建应用:获取企业微信IP段(用于防火墙配置)

概述 在企业微信开发流程中&#xff0c;为了确保与企业微信API的网络通信安全&#xff0c;并适应防火墙配置要求&#xff0c;开发者需要获取企业微信API服务的IP地址范围。这样&#xff0c;仅允许与企业微信官方通信的合法请求通过防火墙&#xff0c;从而保障数据传输的安全性…

教学目标是什么

教学目标&#xff0c;作为教学活动的灵魂之所在&#xff0c;对于教育者和学生都至关重要。然而&#xff0c;你是否曾对此产生过疑问&#xff1a;教学目标究竟是什么&#xff1f;它又如何影响我们的教学活动呢&#xff1f; 教学目标就像一座灯塔&#xff0c;为教学活动指明方向&…

MapInfo Pro和Python基础知识

MapInfo Pro用户长期以来一直使用MapBasic脚本语言来自动化任务、构建自定义应用程序、创建Pro的特定领域自定义、将Pro与其他工具集成等。 MapBasic主要是一种编译语言&#xff0c;这对非程序员来说有点障碍。 我们确实有MapBasic窗口&#xff0c;它允许MapBasic语句和代码直接…

罗德与施瓦茨FSVA40信号和频谱分析仪

罗德与施瓦茨FSVA40是一款功能信号和频谱分析仪&#xff0c;适用于从事射频系统的开发、生产、安装和服务的用户。FSVA40信号和频谱分析仪系列始终提供最佳的价格和性能组合&#xff0c;无论是根据最新通信标准测试生产中的无线设备&#xff0c;还是测量低相位噪声、高灵敏度和…

根本记不住MySQL进阶查询语句

1 MySQL进阶查询 1.1 MySQL进阶查询的语句 全文以数据库location和Store_Info为实例 ---- SELECT ----显示表格中一个或数个字段的所有数据记录 语法&#xff1a;SELECT "字段" FROM "表名"; select 列名 from 表名 ; ---- DISTINCT ----不显示重复的数…

农业银行RPA实践 3大典型案例分析

零接触开放金融服务在疫情之下被越来越多的银行和客户所认同&#xff0c;引起了更广泛的持续关注&#xff0c;各家银行纷纷开展产品服务创新&#xff0c;加速渠道迁移&#xff0c;同时通过远程办公、构建金融生态等方式积极推进零接触开放金融体系建设。 随着商业银行科技力量的…

后端开发——JDBC的学习(三)

本篇继续对JDBC进行总结&#xff1a; ①通过Service层与Dao层实现转账的练习&#xff1b; ②重点&#xff1a;由于每次使用连接就手动创建连接&#xff0c;用完后就销毁&#xff0c;这样会导致资源浪费&#xff0c;因此引入连接池&#xff0c;练习连接池的使用&#xff1b; …

新年福利|这款价值数万的报表工具永久免费了

随着数据资产的价值逐渐凸显&#xff0c;越来越多的企业会希望采用报表工具来处理数据分析&#xff0c;了解业务经营状况&#xff0c;从而辅助经营决策。不过&#xff0c;企业在选型报表工具的时候经常会遇到以下几个问题&#xff1a; 各个报表工具有很多功能和特性&#xff0c…

Python数据处理库之tablib详解

概要 Python 提供了许多库和工具来处理数据&#xff0c;其中之一就是 tablib。tablib 是一个功能强大且易于使用的库&#xff0c;用于处理各种数据格式&#xff0c;包括Excel、CSV、JSON等。它不仅可以用于数据导入和导出&#xff0c;还支持数据转换、过滤、合并等操作。本文将…

《C++语言程序设计(第5版)》(清华大学出版社,郑莉 董渊编著)习题——第2章 C++语言简单程序设计

2-28 用穷举法找出1~100的质数并显示出来。分别使用while、do-while、for循环语句实现。 // 使用while循环#include <iostream>using namespace std;int main() {int number 2;cout << "1~100之间的质数有&#xff1a;";while (number < 100) {int …

HarmonyOS应用开发之ArkTS语言学习记录

1、ArkTS介绍 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript&#xff08;简称TS&#xff09;基本语法风格的基础上&#xff0c;对TS的动态类型特性施加更严格的约束&#xff0c;引入静态类型。同时&#xff0c;提供了声明式UI、状态管理等相应的能力&#xff0c;让开发者…

Xcode15在iOS12系统上崩溃的原因

1.1.崩溃在_dyld_start&#xff0c;如图&#xff1a; 崩溃截图 解决办法&#xff1a;在other link flags添加-ld64 注意&#xff1a;该办法只能解决运行真机&#xff0c;archive出来的包依然报错闪退...... 1.2 SwiftUI导致iOS12及以下系统闪退问题 SwiftUI是iOS13开始使用&…

MongoDB 启动时:服务名无效

1.问题场景 电脑睡眠后&#xff0c;再连接服务发现无法连接&#xff0c;启动服务报&#xff1a;服务名无效。 2.打开服务管理&#xff1a; 发现服务中没有MongoDB的服务 3.解决 &#xff08;1&#xff09;先找打MongoDB安装路径&#xff0c;把data文件夹下所有文件删除 &a…

Python之安装和环境配置

python的下载 1.可以去python官网下载&#xff0c;https://www.python.org/ 2.下载完成后&#xff0c;安装即可。 python的检测 1.打开开始-运行-cmd&#xff08;快捷键winR&#xff09;。 如果是mac&#xff0c;打开使用工具-终端。 2.在终端里输入python&#xff0c;以下…

魔法少女小Scarlet#洛谷

题目描述 Scarlet 最近学会了一个数组魔法&#xff0c;她会在 n n n\times n nn 二维数组上将一个奇数阶方阵按照顺时针或者逆时针旋转 9 0 ∘ 90^\circ 90∘。 首先&#xff0c;Scarlet 会把 1 1 1 到 n 2 n^2 n2 的正整数按照从左往右&#xff0c;从上至下的顺序填入初…

「Vue3面试系列」Vue3 所采用的 Composition Api 与 Vue2 使用的 Options Api 有什么不同?

文章目录 开始之前正文一、Options Api二、Composition Api三、对比逻辑组织Options APICompostion API 逻辑复用 小结 开始之前 Composition API 可以说是Vue3的最大特点&#xff0c;那么为什么要推出Composition Api&#xff0c;解决了什么问题&#xff1f; 通常使用Vue2开…

山西电力市场日前价格预测【2024-01-06】

日前价格预测 预测说明&#xff1a; 如上图所示&#xff0c;预测明日&#xff08;2024-01-06&#xff09;山西电力市场全天平均日前电价为261.48元/MWh。其中&#xff0c;最高日前电价为424.18元/MWh&#xff0c;预计出现在18:00。最低日前电价为0.00元/MWh&#xff0c;预计出…

vivado non-project

https://www.xilinx.com/video/hardware/using-the-non-project-batch-flow.html --video https://cloud.tencent.com/developer/article/1169476 bd related run_my_design.tcl 交互模式 start_gui stop_gui

图解设计模式-中介者模式(Mediator)

中介者模式 定义 使用一个中介者对象&#xff08;mediator&#xff09;集中封装多个具有依赖/关联关系的对象&#xff08;colleague&#xff0c;同事对象&#xff09;之间的交互&#xff0c;使各对象之间不再互相引用&#xff0c;降低对象之间的强耦合程度&#xff0c;对象之…

Vue CLI组件通信

目录 一、组件通信简介1.什么是组件通信&#xff1f;2.组件之间如何通信3.组件关系分类4.通信解决方案5.父子通信流程6.父向子通信代码示例7.子向父通信代码示例8.总结 二、props1.Props 定义2.Props 作用3.特点4.代码演示 三、props校验1.思考2.作用3.语法4.代码演示 四、prop…