VUE(2)$t 是啥?

您所在的位置:网站首页 1358代码什么意思 VUE(2)$t 是啥?

VUE(2)$t 是啥?

2024-07-09 14:51| 来源: 网络整理| 查看: 265

详见:前端框架Vue——vue-i18n ,vue项目中如何实现国际化,$t的用法_Dream_xun的专栏-CSDN博客_this.$t()

国际化 i18n 方案,$t 是 vue-i18n 提供的全局方法,

在组件里使用 {{ $t ("xxx") }} ,可以看到 search 译为 查询

{{$t("btn.search")}}

                                                                

xxx的来源:目录树—— scr / i18n / zh.js / zh

const zh = { btn: { search: '查询', } }

 配置了英文和中文两种语言,上文链接中的示例:

import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 通过插件的形式挂载 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换 messages: { 'zh-CN': require('./common/lang/zh'), // 中文语言包 'en-US': require('./common/lang/en') // 英文语言包 } }) /* eslint-disable no-new */ new Vue({ el: '#app', i18n, // 不要忘记 store, router, template: '', components: { App } })



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3