vue 報(bào)錯(cuò)：Cannot read property 'instrumentId' of undefined"

相關(guān)代碼如下：

<template>
    ...
    <span>{{data.params.instrumentId}}</span>
    ...
</template>

<script>
export default {
  data () {
    return {
      data: {}
    };
  },
  methods: {
    // 請(qǐng)求接口獲得數(shù)據(jù)
    getData () {
      request({
        url: '/tapi/futures/'
      }).then(response => {
        if (response) {
          allData = response; // allData 是一個(gè)對(duì)象，用來(lái)儲(chǔ)蓄數(shù)據(jù)
          this.data = allData.IF;
        }
      });
    }
  },
  created () {
    this.getData();
  }
};
</script>    

結(jié)果返回的數(shù)據(jù)結(jié)構(gòu)如圖：

雖然頁(yè)面可以正常顯示，但 Vue 和瀏覽器控制臺(tái)都報(bào)錯(cuò)如下，一直找不到原因，求解。