JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <span v-if="dataLoaded">{{results[query].name}}</span>
  <span v-else>Loading Data...</span>
</div>

JavaScript

new Vue({
  el: '#app',
  created() {
    this.getQuery('de')
  },
  methods: {
    getQuery(query) {
      this.dataLoaded = false;
      setTimeout(() => {
        this.query = query

        this.results = {
          en: {
            name: 'en result'
          },
          de: {
            name: 'de result'
          }
        }

        this.dataLoaded = true
      }, 2000)
    }
  },
  data: {
    query: '',
    dataLoaded: false,
    results: {}
  }
})