Alex

Ну, обычно инициализируете данные по умолчаию, возможно добавляете состояние прелоадера, а когда ваши данные из БД (или ещё откуда) придут — заменяете

{
  template: `
    <div>
      <preloader v-if="!pageData" />
      <div v-else >
        ...
      </div>
    </div>
  `,

  data() {
    return {
      pageData: null
    }
  },

  async mounted() {
    this.pageData = await getData()
  }
}

https://github.com/foxbenjaminfox/vue-async-computed

asyncComputed: {
    items() {
      if (this.auth.isAuth)
            return axios(/* ... */)
      else
            return Promise.resolve([])
    }
  }

Попробуйте так

export default function (Vue) {

  Vue.player = {
    isPlaying: true;
    changePlaying(){
      let before = this.isPlaying;
      this.isPlaying = !this.isPlaying;
      let after = this.isPlaying;

      console.log(before, after);
    },
  };