Добавьте индикатор загрузки в Vue при получении JSON в PHP

Question

Я пытаюсь добавить индикатор загрузки в мое приложение Vue, ожидая, чтобы вытащить объект JSON и отобразить список данных. Я делал это раньше в Axios, делая что-то вроде:

 axios
  .get('test.com/posts.json')
  .then(response => (this.json = response.data))
  .catch(error => {
    console.log(error)
    this.errored = true
  })
  .finally(() => this.loading = false)

Но я не уверен, как сделать такую ​​же функциональность, когда объект JSON захватывается в PHP следующим образом:

  var json = <?php echo getBhQuery('search','JobOrder','isOpen:true','id,title,categories,dateAdded,externalCategoryID,employmentType,customText12');?>;

  json = JSON.parse(json);
  var jsonData = json.data;

Так вот как я в настоящее время извлекаю данные из моей учетной записи BullHorn. Затем я передаю переменную jsonData моей переменной данных в Vue.

Теперь это полностью работает для отображения данных из объекта JSON, но я не уверен, как правильно добавить индикатор загрузки, пока мое приложение Vue ожидает запроса объекта JSON в PHP.

Спасибо заранее.