单击按钮时显示2个组件中的1个

当单击按钮时显示两个组件中的一个，可以通过前端开发技术实现。具体的实现方式可以使用以下几种方法：

使用JavaScript和HTML/CSS：可以通过JavaScript编写一个事件监听器，当按钮被点击时，根据条件切换显示的组件。可以使用HTML和CSS来定义和布局这两个组件。这种方法适用于简单的静态页面。
使用前端框架：如React、Vue.js、Angular等。这些框架提供了组件化的开发方式，可以通过定义两个组件，并在按钮点击事件中切换它们的显示状态。这种方法适用于复杂的交互和动态页面。
使用前端状态管理工具：如Redux、Vuex等。这些工具可以帮助管理应用的状态，可以在按钮点击事件中改变状态，从而控制组件的显示与隐藏。
使用CSS动画和过渡效果：可以使用CSS的动画和过渡效果来实现组件的显示与隐藏。通过给组件添加不同的CSS类或样式，可以在按钮点击时切换它们的显示状态。

以上是几种常见的实现方式，具体选择哪种方式取决于项目的需求和技术栈。在腾讯云的产品中，可以使用腾讯云的云开发服务（https://cloud.tencent.com/product/tcb）来部署和托管前端应用，同时可以使用腾讯云的CDN加速服务（https://cloud.tencent.com/product/cdn）来提高前端应用的访问速度和稳定性。