Vue 项目中实现多语言国际化 ( i18n ）

现在项目中很多情况下需要实现 国际化 ，即 多语言 。比较常用的就是 中/英 文的切换。

普遍常用的就是 I18N 了，怎么实现呢？莫急，咱们往下瞅！

第一步：安装

第二步：在 src 目录下新建一个 lang 文件扒唤

一般有三个文件： index.js( 配置 ) 、 zh( 中文 ) 、 en( 英文 )

如果有个更多的语言设置，新增对应的 js 文件即可

注意：所有语言包的内部结构必须一样，方便调用

第三步：main.js 里引入 i18n 的配置

第四步：在页面使用

引入 i18n 以后，会全局注册一个变量 $t

平时我们好此陆取值都是 {{ name }}

现在我们取值是 {{$t(index.title)}} ， index.title 就是在语言里的属性

哇哦，多语言是不是很简单，动起手来，赶紧试试吧友顷！！！

模板亏丛

脚本

样式

简介

.vue 文件是一个 自定义的文件类型 ，用类 HTML 语法描肆亏述一个 Vue 组件。

每个 .vue 文件包含三种类型的顶级语言块 <template>、<script>和 <style>，还允销雹樱许添加可选的 自定义块 。