【结构体类型——详细讲解】

news2024/11/25 13:42:40

结构体

1.结构体类型声明

1.1结构体的概念

结构体是⼀些值的集合,这些值称为成员变量。结构体的每个成员可以是不同类型的变量。

1.2 结构的声明

struct tag
{
member-list;
}variable-list;

例如描述⼀个学⽣:

struct Stu
{
char name[20]; //名字
int age; //年龄
char sex[5]; //性别
char id[20]; //学号
}; //分号不能丢

1.struct是结构体的关键字,不可更改。
2.tag是结构体的名字,或者标签,可以更改。
3.member-list 结构体的成员列表,表示结构体内部的元素。
4.variable-list 结构体的变量成员列表,表示类型是结构体的变量,可以省略。

声明只是表示结构体的类型,并不占内存的空间,只有结构体变量初始化或者进行改变的时候,才会占用内存空间。

1.3特殊声明

在声明结构的时候,可以不完全的声明。
⽐如:

//匿名结构体类型
struct
{
int a;
char b;
float c;
}x;
struct
{
int a;
char b;
float c;
}a[20], *p;

上⾯的两个结构在声明的时候省略掉了结构体标签(tag)。

那么问题来了?

//在上⾯代码的基础上,下⾯的代码合法吗?
p = &x;

警告:

编译器会把上⾯的两个声明当成完全不同的两个类型,所以是⾮法的。
匿名的结构体类型,如果没有对结构体类型重命名的话,基本上只能使⽤⼀次。

1.4 结构的自引用

在结构中包含⼀个类型为该结构本⾝的成员是否可以呢?
拿数据结构中的顺序表举例,自引用就是当你找到一个数字1的时候,你可以通过数字1顺藤摸瓜找到数字2,又可以从数字2顺藤摸瓜找到数字3,以此类推。
在这里插入图片描述
而结构体的自引用也是如此,不过其本身应该更类似与数据结构体中的链表。
在这里插入图片描述
通过1找到2,通过2找到3,通过3找到4,通过4找到5,这其中的每一个数字都是一个节点,这一个节点包含着前往下一个节点的线索,以此类推便可以顺藤摸瓜找到最后。

换到结构体身上便是一个结构体中包含着下一个结构体,且两个结构体是相同类型的,同名同标签(名 = 标签,不是变量名是结构体名)

那就有了下面的代码

⽐如,定义⼀个链表的节点:

struct Node
{
int data;
struct Node next;
};

上述代码正确吗?如果正确,那 sizeof(struct Node) 是多少?
仔细分析,其实是不⾏的,因为⼀个结构体中再包含⼀个同类型的结构体变量,这样结构体变量的⼤⼩就会⽆穷的⼤,是不合理的。

正确的自引用方式:

struct Node
{
int data;
struct Node* next;
};

根据链表的特点,我们将节点分为两个部分,一个部分存放的结构体本身的数据,另一个部分存放了下一个同类型同名的结构体的地址,这样便很好的解决了问题。

在结构体⾃引⽤使⽤的过程中,夹杂了typedef对匿名结构体类型重命名,也容易引⼊问题,看看下⾯的代码,可⾏吗?

typedef struct
{
int data;
Node* next;
}Node;

答案是不⾏的,因为Node是对前⾯的匿名结构体类型的重命名产⽣的,但是在匿名结构体内部提前使
⽤Node类型来创建成员变量,这是不⾏的。

解决⽅案如下:定义结构体不要使⽤匿名结构体了

typedef struct Node
{
int data;
struct Node* next;
}Node;

2.2. 结构体变量,全局变量、局部变量:

2.1结构体变量的创建和初始化

有了结构体类型,那如何定义变量,其实很简单,结构体变量的初始化使⽤

结构体初始化

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
int main()
{
 
  struct peo p = {"张三","15596668862", "男", 181};
  return 0;
}

包含了其他结构体变量的初始化:

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
struct st
{
   struct peo p;
   int num;
   float f;  
};
 
int main()
{
 
  struct st s = { {"lisi","15596668888""女"166}1083.14f};
  return 0;
}

4在包含其他结构体的变量时,进行初始化也要把其他结构体变量中的内容进行初始化。
比如以上代码中的{“lisi”,“15596668888”,“女”,166}就是结构体声明struct st中的另一个结构体变量struct peo p的变量的初始化。

struct Point
{
int x;
int y;
}p1; //声明类型的同时定义变量p1
struct Point p2; //定义结构体变量p2
//初始化:定义变量的同时赋初值。
struct Point p3 = {x, y};
struct Stu //类型声明
{
char name[15]; //名字
int age; //年龄
};
struct Stu s = {"zhangsan", 20}; //初始化
struct Node
{
int data;
struct Point p;
struct Node* next;
}n1 = {10, {4,5}, NULL}; //结构体嵌套初始化
struct Node n2 = {20, {5, 6}, NULL}; //结构体嵌套初始化

指⽰器初始化⽅式(C99),这种⽅式允许不是按照成员顺序初始化。

struct Stu
{
char name[15];
int age;
};
struct Stu s = {.age=20, .name="zhangsan"}; //初始化

初始化的顺序:
在这里插入图片描述
记住需要按照结构体成员的顺序初始化

在这里插入图片描述

不按照顺序则需要按照以上写法使用 操作符 . 加上成员名 = 初始化的数据

但是以上两种的打印方式是一样的。

2.2结构体变量,全局变量、局部变量:

比如:

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
}p1,p2;
 
int main()
{
  return 0;
}

p1和p2都是结构体struct peo类型的变量,而且是全局变量。

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
int main()
{
 
  struct peo p;
  return 0;
}

p是结构体 struct peo类型的变量,但是它是局部变量。

结构体声明中包含其他结构体变量:

结构体声明中包含其他结构体变量:

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
struct st
{
   struct peo p;
   int num;
   float f;  
};
 
int main()
{
 
  struct peo p;
  return 0;
}

结构体struct st中包含了结构体struct peo类型的变量 p

3.结构体变量的打印:

3.1结构体变量的打印:

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
int main()
{
 
  struct peo p = {"张三","15596668862", "男", 181};
  printf("%s %s %s %d\n", p.name, p.tele, p.sex, p.high);
  return 0;
}

结构体打印的时候需要使用操作符 “ . ” 进行指引。
格式:结构体变量名 . 结构体成员名

3.2包含其他结构体变量的打印:

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
struct st
{
   struct peo p;
   int num;
   float f;  
}
 
int main()
{
 
  struct st s = { {"lisi","15596668888""女"166}1083.14f};
  printf("%s %s %s %d %d %f\n", s.p.name, s.p.tele, s.p.sex, s.p.high, s.num, s.f);
  return 0;
}

包含其他结构体变量的打印方式如以上代码所示。

本结构体变量名.其他结构体变量名.列表成员名 —打印出其他结构体变量内部的结构体成员名的格式。

3.3使用指针变量名的打印:

在这里插入图片描述

4.结构体变量的传参:

4.1直接传参

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
void print1(struct Peo p)
{
   printf("%s %s %s %d\n", p.name, p.tele, p.sex, p.high);
}
 
int main()
{
 
  struct peo p = {"张三","15596668862", "男", 181};
  print1(p);
  return 0;
}

4.2间接传参/地址传参

struct Peo
{
   char name[20];
   char tele[12];
   char sex[5];
   int high;
};
 
void print2(struct Peo *sp)
{
   printf("%s %s %s %d\n",sp->name, sp->tele,sp->sex,sp->high);
}
 
int main()
{
 
  struct peo p = {"张三","15596668862", "男", 181};
  print2(&p);
  return 0;
}

传参地址,在打印的时候需要使用指针名->结构体成员名的格式

void print2(struct Peo *sp)
{
   printf("%s %s %s %d\n",sp->name, sp->tele,sp->sex,sp->high);
}
 
void print1(struct Peo p)
{
   printf("%s %s %s %d\n", p.name, p.tele, p.sex, p.high);
}

4.3两种传参的区别:

1.实参直接传给形参,其实是一种拷贝,形参也要开辟一个和实参一样大的空间,而后将实参的数据拷贝给形参,但是这样子会造成空间浪费,拷贝数据时也会浪费相对因的时间,若实参越大,浪费的空间越大,拷贝的时间越多。
2.把结构体变量的地址作为实参传递给形参,形参就只需要创建一个指针的变量空间,通过这个指针变量找结构体的所在空间位置,进行读取数据。

结论:所以结构体传参的时候一般使用传递结构体变量的地址进行传参。

5.结构体内存对齐

5.1为什么要内存对齐?

大部分材料上是这样说的:

1. 平台原因(移植原因):
不是所有的硬件平台都能访问任意地址上的任意数据的;某些硬件平台只能在某些地址处取某些特定类型的数据,否则抛出硬件异常。
2. 性能原因:
数据结构(尤其是栈)应该尽可能地在⾃然边界上对⻬。原因在于,为了访问未对⻬的内存,处理器需要作两次内存访问;⽽对⻬的内存访问仅需要⼀次访问。假设⼀个处理器总是从内存中取8个字节,则地址必须是8的倍数。如果我们能保证将所有的double类型的数据的地址都对⻬成8的倍数,那么就可以⽤⼀个内存操作来读或者写值了。否则,我们可能需要执⾏两次内存访问,因为对象可能被分放在两个8字节内存块中。
总体来说: 结构体的内存对齐是拿 空间来换取时间的做法。

那在设计结构体的时候,我们既要满⾜对⻬,⼜要节省空间,如何做到:

让占⽤空间⼩的成员尽量集中在⼀起

举例:

//例如:
struct S1
{
char c1;
int i;
char c2;
};
struct S2
{
char c1;
char c2;
int i;
}; 

S1 和 S2 类型的成员⼀模⼀样,但是 S1 和 S2 所占空间的⼤⼩有了⼀些区别。
通过计算得出以下结果:
在这里插入图片描述
是不是很奇怪,明明成员内容都是一样的,只不过调换了顺序,最后结构体的字节大小却发生了改变,这是为什么?

其实这是和结构体的内存对齐有关!

5.2对齐规则

概念:

结构体的对齐本质上就是求结构体的大小。

对齐规则:

1. 结构体的第⼀个成员对⻬到相对结构体变量起始位置偏移量为0的地址处
2. 其他成员变量要对⻬到某个数字(对⻬数)的整数倍的地址处。

对⻬数 = 编译器默认的⼀个对⻬数 与 该成员变量⼤⼩(变量的字节大小)的较⼩值。

VS中默认的值为8
Linux中没有默认对⻬数,对⻬数就是成员⾃⾝的⼤⼩

3. 结构体总⼤⼩为最⼤对⻬数(结构体中每个成员变量都有⼀个对⻬数,所有对⻬数中最⼤的)的 整数倍。
4. 如果嵌套了结构体的情况,嵌套的结构体成员对⻬到⾃⼰的成员中最⼤对⻬数的整数倍处,结构 体的整体⼤⼩就是所有最⼤对⻬数(含嵌套结构体中成员的对⻬数)的整数倍。

struct S1
{
 char c1;
 int i;
 char c2;
};

偏移数:类似于数组的下标,指的是结构体每个成员的首个地址距离结构体起始位置的距离。

在这里插入图片描述

5.3用结构体内存对齐的图例示范:——使用以上文代码进行举例

在这里插入图片描述

struct S1
{
 char c1;
 char c2;
 int i;
};

上述代码也是如此:
在这里插入图片描述

结构体嵌套的内存对齐
在掌握普通结构体的所占内存和对齐后,那么关于结构体嵌套的对齐值和内存该如何计算呢?

struct S3
{
 double d;
 char c;
 int i;
};
 
struct S4
{
 char c1;
 struct S3 s3;
 double d;
};
printf("%d\n", sizeof(struct S4));

先求第一个struct S3的所占内存:
在这里插入图片描述
再求struct S4所占的内存:
在这里插入图片描述

5.4内存对齐的原因:


struct S
{
  char c;
  int i;
};

在这里插入图片描述
假设以上是一段内存,前面一段是不用内存对齐的模式,后面一段是使用内存对齐的模式。

二者看似毫无关系,且我们还觉得第二个模式还会浪费内存

但是,内存对齐其实是一种那空间换取时间的操作。

为什么呢?

这其实是和编译器的读取有关,vs编译器是32位机器,所以读取字节是一次读四个,而后要当你的结构体第一个成员是char第二个成员是int 时,且不进行对齐那么要读两次内存。

甚至不是所有的硬件平台都能访问任意地址上的任意数据的;某些硬件平台只能在某些地址处取某些特定 类型的数据,否则抛出硬件异常。

5.5修改默认对齐数

#pragma 这个预处理指令,可以改变编译器的默认对⻬数。


#include <stdio.h>
#pragma pack(1)//设置默认对齐数为1
struct s1
{
char c1;
int i;
char c2;
};
#pragma pack()//取消设置的默认对齐数,还原为默认
int main()
{
//输出的结果是什么?
printf("%d\n", sizeof(struct S));
return 0;
}

结构体在对⻬⽅式不合适的时候,我们可以⾃⼰更改默认对⻬数。

6.结构体实现位段

位段是基于结构体的,创建位段是用来节省空间的。

6.1 什么是位段?

位段的声明和结构是类似的,有两个不同:

1. 位段的成员必须是 int、unsigned int 或signed int ,在C99中位段成员的类型也可以选择其他类型。
2. 位段的成员名后边有⼀个冒号和⼀个数字。

⽐如:

struct A
{
int _a:2;
int _b:5;
int _c:10;
int _d:30;
};

A就是⼀个位段类型。
那位段A所占内存的⼤⼩是多少?

printf("%d\n", sizeof(struct A)); 

在这里插入图片描述

6.2 位段的内存分配

1. 位段的成员可以是 int ,unsigned int ,signed int 或者是 char 等类型
2. 位段的空间上是按照需要以4个字节( int )或者1个字节( char )的⽅式来开辟的。
3. 位段涉及很多不确定因素,位段是不跨平台的,注重可移植的程序应该避免使⽤位段。

举例:

//⼀个例⼦
struct S
{
char a:3;
char b:4;
char c:5;
char d:4;
};
struct S s = {0};
s.a = 10;
s.b = 12;
s.c = 3;
s.d = 4;
//空间是如何开辟的?

内存分配过程猜测:
在这里插入图片描述
在这里插入图片描述
通过VS调试展示内存监视窗口显示表明猜测正确
在这里插入图片描述
在这里插入图片描述

6.3 位段的跨平台问题

1. int 位段被当成有符号数还是⽆符号数是不确定的。
2. 位段中最⼤位的数⽬不能确定。(16位机器最⼤16,32位机器最⼤32,写成27,在16位机器会出问题。
3. 位段中的成员在内存中从左向右分配,还是从右向左分配标准尚未定义。
4. 当⼀个结构包含两个位段,第⼆个位段成员⽐较⼤,⽆法容纳于第⼀个位段剩余的位时,是舍弃剩余的位还是利⽤,这是不确定的

总结:
跟结构相⽐,位段可以达到同样的效果,并且可以很好的节省空间,但是有跨平台的问题存在。

6.4 位段的应用

下图是⽹络协议中,IP数据报的格式,我们可以看到其中很多的属性只需要⼏个bit位就能描述,这⾥使⽤位段,能够实现想要的效果,也节省了空间,这样⽹络传输的数据报⼤⼩也会较⼩⼀些,对⽹络的畅通是有帮助的。

在这里插入图片描述

6.5 位段使用的注意事项

位段的⼏个成员共有同⼀个字节,这样有些成员的起始位置并不是某个字节的起始位置,那么这些位置处是没有地址的。内存中每个字节分配⼀个地址,⼀个字节内部的bit位是没有地址的。
所以不能对位段的成员使⽤&操作符,这样就不能使⽤scanf直接给位段的成员输⼊值,只能是先输⼊放在⼀个变量中,然后赋值给位段的成员。

struct A
{
 int _a : 2;
 int _b : 5;
 int _c : 10;
 int _d : 30;
};
int main()
{
 struct A sa = {0};
 scanf("%d", &sa._b);//这是错误的
 
 //正确的⽰范
 int b = 0;
 scanf("%d", &b);
 sa._b = b;
 return 0;
}

好了,看到这里,你应该会使用结构体类型了!

该给我一键三连了吧

请添加图片描述

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

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

相关文章

337.打家劫舍III

337. 打家劫舍 III - 力扣&#xff08;LeetCode&#xff09; 小偷又发现了一个新的可行窃的地区。这个地区只有一个入口&#xff0c;我们称之为 root 。 除了 root 之外&#xff0c;每栋房子有且只有一个“父“房子与之相连。一番侦察之后&#xff0c;聪明的小偷意识到“这个…

SpringSecurity 入门

文章目录 Spring Security概念快速入门案例环境准备Spring配置文件SpringMVC配置文件log4j配置文件web.xmlTomcat插件 整合SpringSecurity 认证操作自定义登录页面关闭CSRF拦截数据库认证加密认证状态记住我授权注解使用标签使用 Spring Security概念 Spring Security是Spring…

竞赛选题 基于深度学习的人脸性别年龄识别 - 图像识别 opencv

文章目录 0 前言1 课题描述2 实现效果3 算法实现原理3.1 数据集3.2 深度学习识别算法3.3 特征提取主干网络3.4 总体实现流程 4 具体实现4.1 预训练数据格式4.2 部分实现代码 5 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; 毕业设计…

常见七大排序算法

目录 前言 冒泡排序 选择排序 插入排序 希尔排序&#xff08;shell&#xff09; 快速排序 归并排序 计数排序 前言 在前面我发布了常见的七大排序算法的相关博客&#xff0c;今天这一篇文章是做一个排序算法的小总结&#xff0c;把前面的博客集中分类到一起&#xff0c;…

公司组织架构图怎么制作?

组织架构图是什么&#xff1f; 组织架构图是一种图形化表示&#xff0c;用于呈现一个组织内部各部门、岗位以及人员之间的关系和层级结构。它是一种重要的工具&#xff0c;能够直观地展示组织的层次关系、职责分工以及管理体系&#xff0c;从而帮助人们更好地了解组织的运作…

MySQL入门指南:数据库操作的基础知识

当谈到关系型数据库管理系统(RDBMS)时&#xff0c;MySQL无疑是最常见和广泛使用的一个。它是一个强大的工具&#xff0c;用于存储、管理和检索数据。在这篇博客中&#xff0c;我们将介绍MySQL的基本知识&#xff0c;包括数据库的操作、数据表的操作以及数据的增删改查~~ 目录 …

JavaScript策略模式

JavaScript策略模式 1 什么是策略模式2 实现一个基础的策略模式3 Javascript中策略模式4 使用策略模式实现缓动动画5 使用策略模式实现表单校验 1 什么是策略模式 策略模式&#xff08;Strategy Pattern&#xff09;是一种行为型设计模式&#xff0c;它定义了一系列算法&#…

webpack配置alias后eslint和ts无法识别

背景 我们在 webpack 配置 alias 后&#xff0c;发现项目中引入的时候&#xff0c;还是会报错&#xff0c;如下&#xff1a; 可以看到&#xff0c;有一个是 ts报错&#xff0c;还有一个是 eslint 报错。 解决 ts 报错 tsconfig.json {"compilerOptions": {...&q…

2023 Google 开发者大会,共创、赋能开发者

前言&#xff1a; 9月6日&#xff0c;2023 Google 开发者大会在上海拉开帷幕。在本次大会&#xff0c;Google 将技术灵感带到了中国。在为期两天的大会中&#xff0c;让我印象最为深刻的是&#xff0c;谷歌帮助中国开发者释放潜能&#xff0c;持续创新&#xff0c;落地创意灵感…

【C语言】每日一题(半月斩)——day3

目录 一&#xff0c;选择题 1.已知函数的原型是&#xff1a; int fun(char b[10], int *a); 2、请问下列表达式哪些会被编译器禁止【多选】&#xff08; &#xff09; 3、以下程序的输出结果为&#xff08; &#xff09; 4、下面代码段的输出是&#xff08; &#xff09;…

Chatbot到底提供了哪些便利?来看看“中文版Chatbase”

Chatbot的出现可以说是在极大的程度上改变了企业与客户互动的方式。Chatbot凭借其先进的功能和全天候可用性提供了一系列便捷的功能&#xff0c;为企业和客户提供便利和高效。随着自然语言处理和机器学习算法的进步&#xff0c;Chatbot已经发展到可以提供准确和个性化的响应&am…

【Seata】分布式事务问题和理论基础

目录 1.分布式事务问题 1.1本地事务 1.2分布式事务 2.理论基础 2.1CAP定理 2.1.1一致性 2.1.2可用性 2.1.3分区容错 2.1.4矛盾 2.2BASE理论 2.3解决分布式事务的思路 1.分布式事务问题 1.1本地事务 本地事务&#xff0c;也就是传统的单机事务。在传统数据库事务中…

软件包的管理

概念 在早期Linux系统中&#xff0c;要想在Linux系统中安装软件只能采取编译源码包的方式进行安装&#xff0c;所以早期安装软件是一件非常困难、耗费耐心的事情&#xff0c;而且大多数服务程序仅提供源代码&#xff0c;还需要运维人员编译后自行解决软件之间的依赖关系。所以…

【力扣每日一题】2023.9.18 打家劫舍Ⅲ

目录 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 代码&#xff1a; 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 今天是打家劫舍3&#xff0c;明天估计就是打家劫舍4了。 今天的打家劫舍不太一样&#xff0c;改成二叉树了&#xff0c;不过规则没有变&…

苹果手机无法正常使用小程序和APP

小程序、APP 已使用了几年&#xff0c;突然大量反馈&#xff1a;苹果手机无法正常使用。但不是全部&#xff0c;只是部分手机。 因为同事苹果手机都能用&#xff0c;所以无法准确判断具体原因。 后来同事苹果手机也无法使用了&#xff0c;显示&#xff1a; 网上搜索结果&…

力扣刷题19-删除链表的倒数第N个节点

题目来源 题目描述&#xff1a; class Solution {public ListNode removeNthFromEnd(ListNode head, int n) {//为了删除的格式一样&#xff0c;引入虚拟头节点ListNode dummyNodenew ListNode(1);dummyNode.nexthead;ListNode slowdummyNode;ListNode fastdummyNode;for(int…

java项目之交通事故档案管理系统(源码+文档)

风定落花生&#xff0c;歌声逐流水&#xff0c;大家好我是风歌&#xff0c;混迹在java圈的辛苦码农。今天要和大家聊的是一款基于ssm的交通事故档案管理系统。技术交流和部署相关看文章末尾&#xff01; 开发环境&#xff1a; 后端&#xff1a; 开发语言&#xff1a;Java 框…

github desktop上传代码

这个很难受&#xff0c;因为遇到了很多问题。最终选择的方式如下&#xff1a; 1&#xff1a;在GitHub上搞一个新建的“repositories”. 这个repositories可以是已经存在的或随便在什么地方新建的。不要紧 2&#xff1a;在“github desktop”上把上面的“repositories”项目cl…

玩转安卓运行速度优化

原文链接 玩转安卓运行速度优化 早在许多年以前写过一篇安卓性能优化文章&#xff0c;时过境迁&#xff0c;很多事情都有了变化&#xff0c;所以再专门针对程序运行速度和渲染的优化&#xff0c;这两方面非常直接的影响应用程序的操作流畅度&#xff0c;也可以称作流畅度优化方…

vue Router路由

编程式导航 | Vue Router 看官方文档 vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成&#xff0c;让用 Vue.js 构建单页应用变得轻而易举。功能包括&#xff1a; 嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过…