axios请求后的VUE JS动态背景图

<template>
  <div :style="backgroundStyle"></div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      backgroundUrl: '',
    };
  },
  computed: {
    backgroundStyle() {
      return {
        backgroundImage: `url(${this.backgroundUrl})`,
      };
    },
  },
  mounted() {
    axios.get('https://example.com/background-image-url')
      .then(response => {
        this.backgroundUrl = response.data.url;
      })
      .catch(error => {
        console.log(error);
      });
  },
};
</script>