云服务器内容精选

  • 场景描述 本节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。如图1所示,页面中主要包含标签栏和详情展示两部分,通过切换标签栏来控制详情展示中的内容。 图1 页面示例 在页面开发中,通过两个自定义组件(标签页组件、详情展示组件)实现上述场景,其中标签页组件包含产品类别(手机、笔记本、平板等),详情展示组件用于展示不同产品类别的图片信息。两个组件通过事件和动作机制实现交互,在标签页组件中注册标签切换事件,此事件绑定详情展示组件中切换产品图片的动作。 本节使用的示例组件开发过程中使用了前端开发框架Vue及组件库Element。
  • 场景描述 本节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。如图1所示,页面中主要包含标签栏和详情展示两部分,通过切换标签栏来控制详情展示中的内容。 图1 页面示例 在页面开发中,通过两个自定义组件(标签页组件、详情展示组件)实现上述场景,其中标签页组件包含产品类别(手机、笔记本、平板等),详情展示组件用于展示不同产品类别的图片信息。两个组件通过事件和动作机制实现交互,在标签页组件中注册标签切换事件,此事件绑定详情展示组件中切换产品图片的动作。 本节使用的示例组件开发过程中使用了前端开发框架Vue及组件库Element。