一个vue组件文本内容获取？

Question

<template>
    <div class='footer'>
        <ul>
            <li @click='toUrl("/sale")'>
                <p class="footer_icon1"  :class=" {'active':$route.path.indexOf('sale')!== -1 } "></p>
                <span>{{$t("footTitle[0]")}}</span>
            </li>
            <li @click='toUrl("/supply")'>
                <p class='footer_icon2' :class=" {'active':$route.path.indexOf('supply')!== -1||$route.path.indexOf('purchase')!== -1 } "></p>
                <span>{{$t("footTitle[1]")}}</span>
            </li>
            <li @click='toUrl("/info")'>
                <p class='footer_icon3' :class=" {'active':$route.path.indexOf('info')!== -1 } "></p>
                <span>{{$t("footTitle[2]")}}</span>
            </li>
            <li @click='toUrl("/user")'>
                <p class='footer_icon4' :class=" {'active':$route.path.indexOf('user')!== -1 } "></p>
                <span>{{$t("footTitle[3]")}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
export default{
    methods:{
        toUrl(url){
            this.$router.push(url);
        },
    }
}
</script>

{{$t("footTitle[0]")}} 这个是怎么获取数据的？

Answer 1

$t是i18n的方法,通过$t('key'),获取json配置文件中对应的value,显示到页面中.