Vue.jsでbackground-imageを指定する

ちょっと手間取ったのでメモ

API叩いて画像のURLを取得・表示するサンプル抜粋

<template>
  <div v-if="image_src">
    <!-- ここ！ -->
    <div :style="{ backgroundImage: 'url(' + image_src.url + ')' }"></div>
  </div>
  <div v-else>
    <p>no image</p>
  </div>
</template>

<script>
export default {
  computed: {
    image_src(){return this.$store.state.image.url}
  },
}
</script>