我正在使用Vue.js处理我的新项目，并向我展示了这样的错误：

[Vue warn]：属性或方法“myImage”未在实例上定义，但在渲染期间引用 . 通过初始化属性，确保此属性在数据选项或基于类的组件中是被动的 .

这是代码：

<template>
          <div class="selectedPlayer"><div class="avatar" v-bind:style="myImage"></div>
          <div class="playerName">{{ playerName }}</div>
        </div>
</template>

<script>

export default {
  name: 'messageForPlayer',
  props: [ "playerId", "playerName" ],
  data () {
    return {
//        myImage: "background-image: url(/src/img/uploads/101.jpg)",
    }

  },
  computed: {
    myImage: function () {
      return {
        'background-image': "url(/src/img/uploads/101.jpg)"
      }
    }
  }} 
</script>

正如你所看到的，有一个名为“myImage”的计算属性，带有硬编码值（仅用于测试，通常它将来自props），但它会导致错误 . 如果我在数据中取消“myImage” - 它可以很好地工作，但是这个值是动态的 . 我究竟做错了什么？

Kalreg

vue.js