vue中html页面写入$t(‘’)怎么显示

232 阅读1分钟

vue中html页面写入$t(‘’)怎么显示 1、在 main.js 中引入 vue-i18n (前提是要先引入 vue)

1 2 import VueI18n from'vue-i18n' Vue.use(VueI18n) 2、准备本地的翻译信息

const messages = { zh: { message: { hello:'好好学习,天天向上!' } }, en: { message: { hello:'good good study, day day up!' } } } 3、创建带有选项的 VueI18n 实例

const i18n =new VueI18n({ locale:'en',// 语言标识 messages }) 4、把 i18n 挂载到 vue 根实例上

const app =new Vue({ router, i18n, ...App }).$mount('#app') 5、html写入

Document

{{ $t("message.hello") }}