Vue：无法读取Null的属性图片

Question

我正在使用Vue v2.5.13，最近我收到了以下错误：

[Vue warn]: Error in render: "TypeError: Cannot read property 'image' of null"

found in

---> <Coin> at src/components/Coin.vue
       <VApp>
         <App> at src/App.vue
           <Root>

这是我的脚本文件：

<script>
export default {
  data() {
    return {
      currency: {
        symbol: 'ads',
        name: 'da',
        image: 'dadadfda',
        smallImg: 'ad',
      },
    };
  },
  methods: {
   ...
  },
  mounted() {
   ...
  },
};
</script>

我的HTML看起来像这样：

<div>
...
<img :src="currency.image" :alt="currency.name">
...
</div>

虽然我在html上使用{{ currency.image }}并且它打印了正确的值，但仍然给出了错误，而且mount（）根本没有运行。

Vue Dev工具显示：