Javascript Vue.js-在数组中的字符串中添加html标记

我有以下形式的字符串数组：

arr: [
"feature1 str1",
"feature2 str2",
"feature3 str3"
]

我的目标是用

标记突出显示这些字符串中的一部分（例如-“feature1 str1”）。此外，字符串必须在vue模板内呈现，例如：

<ul v-for="(feature, index) in arr" v-bind:key="index">
        <li>{{feature}}</li>
    </ul>

{{feature}}

我没有得到我想要的结果，所以“粗体文本”没有呈现

如果有解决此问题的解决方案或建议，请提前感谢。

这个怎么样

{{feature.split（“”[0]}{{feature.split（“”[1]}}

---

只有当arr值总是以空格分隔两个单词，并且您想突出显示第二个单词时，此选项才有效。

您没有得到想要的。。。因为代码中没有粗体标记-字符串的哪一部分是粗体的标准是什么？它是。。。最后一句话？除了第二个词以外的一切？任何以

str

开头的内容，任何不是单词

功能的内容

。。。有很多可能性，这对我很有用。还有，如何使用regex和.match（）查找需要突出显示的通缉词？