Eu tenho atualmente um componente como o exemplo a seguir:
@Component("infoData")
public class infoDataClass(){
protected Integer age;
protected String name;
protected String address;
com seus getters e setters...
E no meu xhtml eu acesso os atributos da seguinte forma :
<div
id="infoContainer"
data-age="#{infoData.age}"
data-address="#{infoData.address}"
data-name="#{infoData.name}"
></div>
E eu levá-los com êxito. A minha pergunta é, em vez de acessá-los um por um, como eu poderia levá-los todos juntos? Eu preciso adicionar 5-6 e talvez até mais atributos no futuro e isso vai se tornar muito confuso, se eu continuar assim.
No meu frontend (vue) eu analisá-los da seguinte forma:
const age= $(containerElement).attr('data-age');
const name= $(containerElement).attr('data-name');