vue2 中 data 数据定义为 data的数据时， 方法里会取不到data?

vue2(2.16.14) 中 data 数据定义为 data（this.xxx）的数据时， 方法里会取不到data？

这是一个有趣的问题，我暂时还没有去探究原因，不过可以给大家避坑。

我有个 test.vue 组件

<template>
  <div class="test">
  </div>
</template>
<script>

export default {
  name: 'test',
  data () {
    return {
      tabList: [{
        label: '哈哈哈', value: 'hahaha'
      }, {
        label: '嘿嘿嘿', value: 'heiheihei'
      }],
      tab: this.tabList[0].value,
    }
  },
  created() {
    console.log(this.tabList);
    this.show("created");
  },
  methods: {
    show(form) {
      console.log(`来自 ${ form }-- show被调用： `, this, 'tabList: ', this.tabList, 'tab: ',this.tab, 'method: ', this.test);
    },
    test() {
      console.log(1111);
    }
  }
}
</script>
<style scoped lang="scss">
</style>

我在其父组件中通过 this.$refs.test.show('父组件') 调用该方法时发现 this.data 为undefined，后面发现组件自身调用也存在这个问题。

然而方法却能取到，暂时做个记录（如有大佬帮忙解开迷雾，十分感谢。