zh.jsexport const message = { alarm_1010: "ip为{id}xxxxxx",}或export const message = { alarm_1010: "ip为{0}xxxxxxxx{1}xxxxxx",}使用：{{$t('message.alarm_1010',{id:id})}}或{{$t('mess...
有些项目我们需要支持多种
语言
切换，满足国际化需求。
vue
-
i18n
是一个
vue
插件，主要作用就是让项目支持国际化多
语言
，使用方便快捷，能很轻松的将我们的项目国际化。本文主要介绍使用
vue
-
i18n
实现
切换中英文效果。
安装
vue
-
i18n
我们使用npm安装
vue
-
i18n
。
npm install
vue
vue
-
i18n
--save
引入
vue
-
i18n
首先在 main.js 中引入
vue
-
i18n
。
import
Vue
from '
vue
'
import App from './App'
import
Vue
I18n
from '
vue
-
i18n
'
Vue
.use
目前版本下载地址 中文检查工具v1.3.0.jar
项目地址：
https://gitee.com/linhai-college/chinese-extract-and-replace/
运行：条件先安装JDK , 再运行 “中文检查工具v1.X.X.j
import
Vue
I18n
from '
vue
-
i18n
'
import
Vue
from '
vue
'
Vue
.use(
Vue
I18n
) // 通过插件的形式挂载
// 引入ivew的国际化js
import en from 'iview/dist/locale/en-US'
import zh from 'iview/dist/locale/zh-CN'
let getMyStorage = JSON.parse(sessionStorage.getItem('language
// language文件夹下的index.js
// zh, en, id 分别为三种
语言
文件
import { create
I18n
} from '
vue
-
i18n
';
import zh from './zh';
import en from './en';
<ul th:each="poetrie : ${poetries}">
<li th:text="${poetrie.title}">Onions</li>
<li th:text="${poetrie.author}">yes</li>
<li th:utext="${poetrie.content.replace('|','<br />')}">2.41</li&g
