简单来说,组件是应用程序的任何部分,可以在逻辑上分组并被视为单一元素,理想情况下可以作为应用程序其余部分的构建块重用。这个组件中可能有其他组件,也可能在其他组件中使用,但每个单独的“组件”都是一个独立的东西。
例如,您可能有一个在每个页面上都有 logo 的网站。因此,您可以创建一个“标题组件”,然后您可以为每个页面重用该标题组件,而不是从头开始编写代码。这个标题组件可能包含一个“搜索栏组件”和一个“导航栏”组件,它们是它们自己的独立元素,它们在标题中使用,但也可以在站点的其他地方重用。
看个具体的例子:我们对 SAP Spartacus Logo Component 的实现,即 MediaComponent,做一些修改,当其 src 属性包含 SAP-scrn-R.png 时,说明该 Component 用于显示 logo,此时将 src 替换成百度的 logo:
最后效果如下: