使用ant design vue的tab切换初始值无效

<template>
  <a-tabs defaultActiveKey="1">
    <a-tab-pane tab="Tab 1" key="1">Tab 1</a-tab-pane>
    <a-tab-pane tab="Tab 2" disabled key="2">Tab 2</a-tab-pane>
    <a-tab-pane tab="Tab 3" key="3">Tab 3</a-tab-pane>
  </a-tabs>
</template>

注意类型,注意数据类型!!!

<template>
<div class="app" id="app">
    <a-tabs v-model="activeKey">
      <a-tab-pane tab="Tab 1" key="1">Tab 1</a-tab-pane>
      <a-tab-pane tab="Tab 2" disabled key="2">Tab 2</a-tab-pane>
      <a-tab-pane tab="Tab 3" key="3">Tab 3</a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
new Vue({
  el:'#app',
  data() {
    return {
      activeKey: '3',
    }
  }
})
</script>