java – Vaadin Flow：组件和元素之间的区别

此外,假设您要配置元素的占位符文本,例如< input placeholder =“在此输入您的姓名”>.使用Element API,这是myElement.setAttribute(“占位符”,“在此输入您的名字”).

作为最后一个示例,您还添加了一个将值更改事件转发到服务器的侦听器.您还需要配置浏览器事件的哪些部分要发送到服务器并在侦听器中访问该值：myElement.addEventListener(“change”,event – > System.out.println(“New value：”event) .getEventData( “element.value”)).addEventData( “element.value”);.

您可以用这种方式构建整个应用程序,但这样做并不方便.你想拥有一个知道输入标签名称的类,而不是每次都输入字符串.您需要setPlaceholder方法,而不是使用通用setAttribute并记住属性的名称.最后,您需要一种添加值更改侦听器的方法,其中新值可用作event.getValue().

这正是Component进入图片的位置.它允许您创建一个扩展Component的Input类,并为这些功能提供Java API.在引擎盖下,Input组件将使用Element API,但将其隐藏为Input类的用户不必了解的实现细节.

此外,组件也可以基于其他组件而不是直接使用Element.这通常是您创建构成组件的组件的方式.您的申请中的观点.