सभी पुनः प्राप्त विशेषताओं में से बीन में एक्सएचटीएमएल

मैं वर्तमान में एक घटक जैसे निम्न उदाहरण में:

@Component("infoData")
public class infoDataClass(){
    protected Integer age;
    protected String name;
    protected String address;

के साथ अपने getters और setters...

और मेरे xhtml मैं का उपयोग उन विशेषताओं में निम्नलिखित तरीके हैं :

<div
  id="infoContainer"
  data-age="#{infoData.age}"
  data-address="#{infoData.address}"
  data-name="#{infoData.name}"
></div>

और मैं उन्हें मिल सफलतापूर्वक किया है. मेरा सवाल है, के बजाय उन तक पहुँचने के एक के बाद एक, कैसे मैं कर सकता है उन सब को मिल एक साथ? मैं जोड़ने की जरूरत है 5-6 और शायद यह भी अधिक विशेषताओं को भविष्य में और यह हो जाएगा वास्तव में गन्दा, तो मैं इस तरह से जारी है.

मेरे दृश्यपटल (vue) मैं पार्स उन्हें निम्नलिखित तरीके में:

 const age= $(containerElement).attr('data-age');
 const name= $(containerElement).attr('data-name');