vue-i18n中的$t用法$t 是 vue-i18n 提供的全局方法1、在 main.js 中引入 vue-i18n import Vue from 'vue'; import VueI18n from 'vue-i18n'; Vue.use(VueI18n);//// 通过插件的形式挂载2、准备本地的翻译信息const messages = { zh: { message: { hello:'好好学习，天天向上！' } }, en: {
Vue
.use(
Vue
I18n
);
const
i18n
= new
Vue
I18n
({
locale: localStorage.getItem('language')||'zh', //使用localStorage缓存到本地，当下次使用时可默认当前使用语言
messages: {
' zh': require('./common/lang/zh'),
:globe_with_meridians: @ intlify / vite-plugin-
vue
-
i18n
Vue
I18n
的Vite插件
:handshake: 支持新项目
Intlify Project是一个开源项目，其
中
包括
Vue
I18n
和
i18n
工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑：
:1st_place_medal: 金牌赞助商
:2nd_place_medal: 银牌赞助商
:3rd_place_medal: 青铜赞助商
:star: 特征
i18n
资源预编译
i18n
自定义块
静态捆绑进口
:optical_disk: 安装
$ npm i --save-dev @intlify/vite-plugin-
vue
-
i18n
$ yarn add -D @intlify/vite-plugin-
vue
-
i18n
:warning: 注意
安装此插件后，
Vue
I18n
只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
首先，我开发是以
vue
为技术栈，所以如题用的国际化插件是
vue
-
i18n
，附上 github 传送门。
1、我们得先有开发环境，先有项目跑起来，我推荐如果是喜欢用
vue
的小伙伴，可以尝试
vue
-cli 官方脚手架。这边有我整理的一个脚手架 demo ，有助于你快速的进行
vue
模块化开发。
2、我们需要安装
vue
-
i18n
, 推荐 npm 包依赖：...
简体
中
文v2.0与新的编辑器UI和审阅系统一起发布:party_popper:从v1.x迁移:open_book:文档|
:thought_balloon:常见问题|
:gear:配置|
:scroll:支持的格式英文|
简体
中
文v2.0与新的编辑器UI和审阅系统一起发布:party_popper:从v1.x迁移:open_book:文档|
:thought_balloon:常见问题|
:gear:配置|
:scroll:支持的格式|
贡献内联注释悬停和直接操作在一个位置管理所有翻译编辑器UI和审阅系统从代码报告
中
提取翻译报告缺失的翻译JSON和YAML的机器翻译注释常规功能支持多根wo
vue
-
i18n
vue
-
i18n
过滤器 (
vue
-
i18n
-filter)
filter support extend for
vue
-
i18n
.
过滤器支持扩展到
vue
-
i18n
。
安装 (Install)
npm install
vue
-
i18n
-filter
用法
(Usage)
import
Vue
from '
vue
'
import
Vue
I18n
from '
vue
-
i18n
...
vue
国际化在弹出框
中
$t()报错
在做项目的时候基本会用到弹出框，如果你像我这样自己写了一个弹出框就可能会出现国际化的错误
const setDialog = function (component, opts) {
const DialogComponent =
Vue
.extend(component);
opts = opts || {};
var dialogC...
