vue3 i18n 动态获取key的方法

项目中使用vue3 加 i18n， 需要动态获取key

zh文件：

{
    zh: {
        a: '啊aaa'，
        b: 'bbb'，
        c: 'cccc'，
        d: 'dddd'，
    }
}

 正常用中括号获取发现没生效

const test = [
    'a' , 'b', 'c', 'd'
]

<var-option
  v-for="item in test "
 :key="item"
:label="$t('zh[item]')"
 :value="item"
/>

调查了半天发现需要这么写就好了

<var-option
  v-for="item in test "
 :key="item"
:label="$t('zh.'+ item)"
 :value="item"
/>