vue使用Mint UI的Navbar时默认展示项

遇到的问题：Mint UI的Navbar时,默认展示的项，直接copy的Mint UI组件库代码，初始化数据的时候 给 selected初始值为数值型1，然后页面怎么都不能默认展示，怎么试都不灵，后查了很多，才知道，这要初始个字符串1；希望看到的人少走弯；

<template>
    <div class="nav-wrap">
        <mt-navbar v-model="selected">
          <mt-tab-item id="1">option A</mt-tab-item>
          <mt-tab-item id="2">option B</mt-tab-item>
          <mt-tab-item id="3">option C</mt-tab-item>
        </mt-navbar>
        <mt-tab-container v-model="selected">
          <mt-tab-container-item id="1">
            <mt-cell v-for="n in 10" :title="'content ' + n" />
          </mt-tab-container-item>
          <mt-tab-container-item id="2">
            <mt-cell v-for="n in 4" :title="'content ' + n" />
          </mt-tab-container-item>
          <mt-tab-container-item id="3">
            <mt-cell v-for="n in 6" :title="'content ' + n" />
          </mt-tab-container-item>
        </mt-tab-container>
    </div>
</template>
<script>

    export default {
      data () {
        return{
            selected:'1',//注意就是这里，默认选字符串数字，不然初始没展示；
        }
      }
    }
</script>
<style>

</style>