[Vuejs]-Vue.js Creating Reusable Functions

I see that you are using promises for the ajax request which is a great step forward. I would suggest creating a separate js object with a single entrypoint (public) method to consolidate the logic of making both requests. this single object would return a composed promise that is resolved when both requests are fulfilled. take a look at Promise.All for this. then you would call your custom method from the ready hook inside the vue instance. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise/all.

what this will get you is code that is easier to reason about and debug for typos or any other flow mistake you may have made.

Also another suggestion is that you use arrow functions for your callbacks like so.

.then((response) => {
    this.admissions = response.data.admissions
 })

what this will allow you to do is skip the

var app = this 

binding so that ‘this’ retains the reference to your current vue instance.