如何在vue.js中渲染base64背景图像

Question

我要从https://www.heropatterns.com/获取背景，然后它们给我们提供类似的背景图像：url（“ data：image / svg + xml .......... 它在CSS中工作 但我希望它可以在Vue中的HTML中这样工作     我尝试它什么也没出现

这是我的代码

<template>
   <div v-bind:style="{ backgroundImage: `url('${color}')`}">
</template>
<script>

export default {
  data () {
    color: 'data:image/svg+xml..........'
  }
}
</script>