关于 Vaadin 数据模型有一个很好的章节 -将组件绑定到数据
坦率地说,分析两个图像就足够了:


财产是关键。
Property 接口是 Vaadin 数据模型的基础。它为可以读取(获取)和写入(设置)的单个数据值对象提供标准化 API。属性始终是类型化的,但可以选择支持数据类型转换。
并阅读以下内容:
属性以及其他数据模型接口的最重要功能是将实现该接口的类直接连接到编辑器和查看器类。这意味着将数据源(模型)连接到用户界面组件(视图)以允许编辑或查看数据模型。
属性接口定义了你需要的一切

所以通读这一章,你会找到你需要的一切。