связь между XML и JS-файлами в forgerock openidm

Question

Я должен справиться с заданием, которое принимает на экзамене выпадающий список. В основном данные берутся из остальных API и помещаются в массив. Я использую vuejs.

Какова связь между xml и файлом js и как мне запустить процесс?

Я думал о рендеринге контента методом onload. Вот что у меня есть в файле js:

data_1 (){
        return{
             formData: {},
             // valori combinati con rolelist presi dalla funzione
             dinamiclist:[{name :'' , value : ''}] = get_data_from_rest();
        };
    },

 get_data_from_rest(){

                    var  dato_roles = null;

                    var  role_name = null ;

                    var  role_description = null ;

                    var  rolelist = new Map ();

                    var rest_roles = new XMLHttpRequest();

                    rest_roles.withCredentials = false;

                    rest_roles.addEventListener("readystatechange", function () {

                    if(rest_roles.readyState === 4 ) {

                      if(rest_roles.status == 200){

                      console.log(rest_roles.responseText);

                      var dato_roles=JSON.parse(rest_roles.responseText);

                        console.log("dato  [ " + dato_roles +" ] ");

                        for(var dato in dato_roles ) {
                        var data_from_roles = dato_roles[dato];
                        if( dato  == 'result') {
                        console.log(dato);

                        for (var x=0 ; x < data_from_roles.length ; x++){

                            console.log("name :"+data_from_roles[x].name);
                            console.log("description :"+data_from_roles[x].description);

                            name = data_from_roles[x].name;
                            description = data_from_roles[x].description;

                            alert("name :"+name+"description : "+description);

                            // add to hashmap

                            rolelist.set('name',name);
                            rolelist.set ('description',description);
                      }

                    }
                }
            }
        }
        return alert(rolelist);
          try {
                   var url = "";
                   console.log(" GET :"+ url );
                   rest_roles.open("GET", url);
                   rest_roles.setRequestHeader("x-openidm-username", "openidm-admin");
                   rest_roles.setRequestHeader("x-openidm-password", "openidm-admin");
                   rest_roles.setRequestHeader("Access-Control-Allow-Origin","*");
                   rest_roles.setRequestHeader("Access-Control-Allow-Headers","X-Requested-With");
                   rest_roles.setRequestHeader("content-type", "application/json");
                   rest_roles.setRequestHeader("cache-con
    });

</script>

<div class="col-md-9" v-if="formProperty._id === 'test'">
                    <select 
                        :name="formProperty._id"
                        :data-vv-as="formProperty.name"
                        v-model="formData[formProperty._id]"
                        style="margin-top:7px;height:70%;width:75%; border-radius: .25rem;border: 1px solid #AAAAAA;">
                        <option disabled value="">-- test --</option>
                        <option v-for="d in dinamiclist" :value="d.value">{{ d.name }}</option>
                    </select>
                </div>
            </template>
            </div>

file .xml

<!-- empty formproperty-->
    <activiti:formProperty id="test" name="test" type="enum" required="true"> 
   </activiti:formProperty>
    <!-- fare lo script per inserire le  dinamicamente  le variabili  -->
    <script>
    </script>

Кто-нибудь знает, как сделать этот процесс?