vue实现多组关键词对应高亮显示

先上效果图：

我们有多组关键词，这里实现了关键词的背景色与匹配值的字体颜色值相同

先拟定一组数据

colors: ["#FFB5C5","#EEC900","#D1EEEE","#40E0D0","#FFFF00","#FF7F00","#FF6A6A","#B3EE3A","#9F79EE","#FFC1C1"],keywordsdetail: ["好看", "美丽", "wfewf"],comments: [{text: "老师 好看好看222"},{text: "老师美丽11111极了"},{text: "老师太搞笑34234了"},{text: "老师搞笑的不的了"},{text: "老师??wfewf啊"}]

我们自定义一些颜色值以及关键词和详情文字

用内联样式的方法设置关键词的不同背景色显示

<spanv-for="(i