自定义动态解析模板

[xing403]

我在messages中定义多个项,想要动态的的输出翻译后的拼接结果

messages: {
    zh: {
        avatar: "头像",
        theme: "主题",
        setting: "设置",
        change: "修改{name}"
    },
}

想要在 vue 组件中实现的效果:

调用 I18n

<template>
    <div>$t('change',{name: '{theme}' })<div>
    <div>$t('change',{name: '{avatar}' })<div>
    <div>$t('change',{name: '{setting}' })<div>
<template>

结果

<template>
    <div>修改主题<div>
    <div>修改头像<div>
    <div>修改设置<div>
<template>

输入的内容中具有占位符{},解析占位符内容，输出转换后的结果
官方有没有提供这种类似效果的实现方式，（由于doc文档是英文的有的地方看不懂可能给忽略掉了）

[xing403]

我发现官网文档中提供了 registerMessageResolver 方法,但没找到这个方法是在哪定义的或者该怎么导入到项目呢