vue实现查找testarea中的字符串

可以使用Vue的计算属性来实现查找testarea中的字符串，并将匹配的部分用`<span>`标签包裹起来，从而实现高亮。

首先，在Vue的模板中，需要使用v-html指令来渲染testarea的内容：

<div id="app">
  <div v-html="highlightedContent"></div>
</div>

然后，在Vue的计算属性中，可以使用正则表达式来查找匹配的字符串，并将匹配的部分用`<span>`标签包裹起来：

new Vue({
  el: '#app',
  data: {
    text: '这是一个测试字符串。',
    keyword: '测试'
  },
  computed: {
    highlightedContent: function() {
      var regex = new RegExp(this.keyword, 'gi');
      return this.text.replace(regex, '<span class="highlight">$&</span>');
    }
  }
})

在上面的例子中，`$&`表示匹配的字符串本身，`gi`表示全局匹配和不区分大小写匹配。

最后，在CSS中定义.highlight类的样式，就可以实现字符串的高亮了：

.highlight {
  background-color: yellow;
  color: black;
}

这样就可以实现在Vue中查找testarea中的字符串并高亮了。