一.安装
在vue-cli项目中安装Vue I18n (vue add i18n
),安装成功后根据提示输入文件夹名称,默认语言等配置即可。
二.配置后自动生成文件夹
安装成功后项目中会生成对应的语言包文件夹:
注:此处的 json 文件中建议存放全局使用率较高的词汇;
三.使用
1.组件中定义并使用:
首先在<i18n></i18n>
标签声明首先需要进行国际化的变量:
声明后在
<template></template>
中通过$t(‘’)
进行使用:2.全局定义并使用:
首先在自动生成的/locals文件夹中建立对应的json文件:
声明后即可在所有组件中通过
$t(‘’)
进行使用;
3.在 JavaScript 文件中使用
在js文件中,通过this.$t(‘’)
进行使用;