Vue.js неопределенная ошибка в значении объекта при загрузке и рендеринге

ХОРОШО. Я не полный новичок и у меня есть Vue xp, но это подслушивает меня. Какая действительно очевидная вещь мне не хватает.

У меня есть объект, загруженный через вызов ajax внутри смонтированного метода:

job: {
  "title": "value",  
  "location": {
    "name":"HONG KONG"
  }
}

Когда я называю {{job.title}} все хорошо. Когда я вызываю {{job.location.name}}, у меня есть неопределенная ошибка, но значение отображается. Когда я вызываю {{job.location}}, я получаю объект json так, чтобы он был определен.

Aaargh! Я уверен, что это действительно просто, но не может понять, почему это не так прямо, как должно быть.

//Дополнительные

Это мой весь класс Vue

    const router = new VueRouter({
        mode: 'history',
        routes: []
    });
    const app = new Vue( {
      router,
      el: '#app',
      data: {
        job: {}
      },
      mounted: function () {
        var vm = this
        jQuery.ajax({
            url: 'https://xxx' + this.jobId,
            method: 'GET',
            success: function (data) {
                vm.job = data;
            },
            error: function (error) {
                console.log(error);
            }
        });
      },
      computed: {
        jobId: function() {
            return this.$route.query.gh_jid
        }
      }
    })