Vue.js Dynamically change mounted

Hi i am trying to update the data from another item.
js:

$("#int").hide();
new Vue({
    el: '#user',
    data: {
        alias: null,
        results: []
    },
    
    mounted() {
        axios.get('https://web/asdsd')
            .then(response => {
                document.getElementById("lstuser").disabled = false;

                this.results = response.data.results;
            })
    }
});

function intacco(e) {
    new Vue({
        el: '#int',
        data: {
            idint: null,
            results: []
        },
        mounted() {
            this.$nextTick(function () {
            axios.get('https://web/sdsd?dsdsd='+e)
                .then(response => {
                    this.results = response.data.results;
                    $("#int").show();
                })
            })
        }
    });
}

php

view:
              <div id="user" class="col-sm-10">
                    <b-form-select id="lstuser" v-model="alias"  @change="intacco(alias)" :options="results" calss="mb-3" disabled="">
                        <b-form-select-option :value="null" disabled>---Loading Account---</b-form-select-option>
                    </b-form-select>
                </div>
            </div>

            <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label">Instance: </label>
                <div id="int" class="col-sm-10">
                    <b-form-select id="int" v-model="idint" :options="results" calss="mb-3">
                    </b-form-select>
                </div>
            </div>

Thank U