vue，testarea中的文字高亮

你可以使用 Vue.js 中的指令 `v-html` 和 CSS 的 `highlight` 实现 textarea 中的文字高亮。具体步骤如下：

1. 在 Vue 组件中定义一个 `highlight` 的 CSS 类，用于高亮文字。

.highlight {
  background-color: yellow;
}

2. 在 Vue 模板中使用 `v-html` 指令，将 textarea 中的文字渲染为 HTML。

<template>
  <div>
    <textarea v-model="text" @input="highlight"></textarea>
    <div v-html="highlightedText"></div>
  </div>
</template>

3. 在 Vue 组件中定义 `highlight` 方法，用于将 textarea 中的文字进行高亮。

export default {
  data() {
    return {
      text: '',
      highlightedText: ''
    }
  },
  methods: {
    highlight() {
      this.highlightedText = this.text.replace(/(foo)/g, '<span class="highlight">$1</span>');
    }
  }
}

这样，当你在 textarea 中输入 `foo` 时，它就会被高亮显示。你可以根据自己的需求修改 `highlight` 方法中的正则表达式，以实现更复杂的高亮效果。