Vue.js Vue识别文本模式并替换为href以更正资源

我正在做一个项目，在这个项目中我记录了用户的关键行为。例如，当用户登录到应用程序时，会创建日志条目。我使用一个LaravelAPI作为后端，负责在数据库中记录事件，并负责检索要在应用程序中显示的日志条目。返回显示的日志条目示例如下：

{{user | 123 |“John Doe”}}于2020-01-03 11:00:05登录

现在，我想让Vue自动认识到这应该由以下内容取代：

John Doe于2020-01-03 11:00:05登录

因此，在这种情况下，它会自动成为一个可点击的链接，导航到用户配置文件

Vue是否提供任何此类功能？关于如何处理这个问题有什么想法吗

谢谢
 是，您可以将
绑定到将生成路径字符串或数据属性的计算属性（然后在接收响应时需要将生成的路径保存在数据节中）：

模板：
{{userName}}

脚本：

export default {
    data() {
        return {
            path: '',
            userName: ''   
        }
    },
    // OR
    computed: {
        path() {
            <build your path from entry variable>
            return <your builded path>
        },
        userName() {
            <extract your user name>
            return <extracted user name>
        }
    }
}

导出默认值{
数据（）{
返回{
路径：“”，
用户名：“”
}
},
//或
计算：{
路径（）{
返回
},
用户名（）{
返回
}
}
}
是，您可以将
绑定到将生成路径字符串或数据属性的计算属性（然后在接收响应时需要将生成的路径保存在数据节中）：

模板：
{{userName}}

脚本：

export default {
    data() {
        return {
            path: '',
            userName: ''   
        }
    },
    // OR
    computed: {
        path() {
            <build your path from entry variable>
            return <your builded path>
        },
        userName() {
            <extract your user name>
            return <extracted user name>
        }
    }
}

导出默认值{
数据（）{
返回{
路径：“”，
用户名：“”
}
},
//或
计算：{
路径（）{
返回
},
用户名（）{
返回
}
}
}

{{user.name}
在{{user.loginTime}登录

我想我将使用v-for来实现这一点，我想知道您从Ajax api中获得了哪些数据？

{{user.name}
在{{user.loginTime}登录

我想我会使用v-for来实现这一点，我想知道您从Ajax api中获得了哪些数据？
我应该把您建议的脚本放在哪里？检查这个：和这个。我应该把您建议的脚本放在哪里？检查这个：和这个。