Vue Composition API 多语言切换核心是响应式 locale 控制、按需加载消息映射与自动 fallback：locale 变更触发 t() 自动重求值；嵌套键如 'user.profile.name' 被解析为对象路径查找；缺失时按 zh-CN→zh→en 逐级降级；支持 setLocaleMessage 动态注入语言包。
Vue Composition API 处理多语言切换的文本匹配逻辑，核心在于 响应式 locale 控制 + 按需加载的消息映射 + 自动 fallback 机制。它不靠手动遍历或条件判断匹配文本，而是由 vue-i18n 内部基于当前 locale 值，动态查找 messages 对象中对应语言键下的翻译值，并在缺失时自动降级。
locale 变更触发全局限时响应
使用 useI18n() 获取的 locale 是一个响应式 ref（Ref<string></string>）。当执行 locale.value = 'zh-CN' 时：
- 所有调用
t('login')的组件会自动重新求值，无需手动刷新或 watch - i18n 实例内部监听 locale 变化，立即切换当前活跃的语言上下文
- 模板中
{{ t('button.submit') }}会实时更新为中文“提交”，前提是messages['zh-CN'].button.submit存在
嵌套键路径自动解析与层级匹配
翻译键如 'user.profile.name' 不是字符串拼接，而是被 i18n 解析为对象路径：
蓝湖代码转vue2.0+element-ui
下载
将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.
- 查找
messages[locale]['user']['profile']['name'] - 若某一级缺失（例如
profile不存在），则整条路径返回 undefined，触发 fallback 流程 - 支持点号（
.）和数组索引（t('list.0.title')）两种访问方式
fallback 机制按优先级逐层兜底
文本匹配失败时，i18n 不直接报错或留空，而是按预设顺序尝试其他 locale：
立即学习“前端免费学习笔记（深入）”；
- 先查当前 locale 完整码（如
zh-CN） - 再查其基础语言码（
zh），若配置了fallbackLocale: { 'zh-CN': ['zh', 'en'] } - 最后落到全局
fallbackLocale（如'en'），确保始终有可用文案 - 可关闭静默 fallback：
missingWarn: false，便于开发期发现漏翻译项
动态消息注入支持运行时扩展
对于异步加载或模块级语言包，可通过 setLocaleMessage 注入新内容，触发增量匹配：
i18n.global.setLocaleMessage('ja', { hello: 'こんにちは' })- 后续调用
t('hello')在日语环境下即命中新增条目 - 适合路由级按需加载：进入订单页时才加载
order.ja.json并注入
