SepI18n 多语言国际化
$.t(key, params) 翻译函数 · 声明式 x-i18n · 组件
x-i18n: 前缀 ·
切换语言即时生效 · 持久化到 $.store
示例代码
HTML 声明式标签 — 使用 x-i18n="key"，切换语言后自动更新文本
x-i18n="button.ok"
x-i18n="button.cancel"
x-i18n="button.save"
x-i18n="button.delete"
x-i18n="common.loading"
x-i18n="common.empty"
示例代码
HTML 声明式标签 — 使用 x-i18n-attr="属性名:key"，可翻译 placeholder / aria-label / title 等
示例代码
语言包模板中的 {name} 会被替换为传入的参数值。声明式用 x-i18n-params，JS 用 $.t(key, {name: val})
JS API 初始化
模板: 你好，{name}！
参数: name="张三"
模板: 共 {count} 条数据
参数: count=42
模板: 单价：¥{price}
参数: price=99.5
JS 动态插值 — 修改名称，实时观察替换效果
示例代码
在 JS 代码中直接调用 $.t(key, params) 获取翻译文本
JS API 初始化
不存在的 key 返回 key 本身（不报错）
示例代码
HTML 声明式标签 — 组件 string 属性用 x-i18n:key 前缀从语言包取值，语言切换后组件文案自动刷新
JS API 初始化 — SepSelect placeholder 自动国际化
示例代码
监听 document 的 langchange 事件，在语言切换时执行自定义逻辑
示例代码
从接口动态加载语言包（走 $.apiFetch 自动带 token），或从 URL 参数自动识别语言并加载切换
JS API 初始化
加载后切换到对应语言，观察已渲染内容是否刷新：