vue是如何实现qq邮箱收件人识别回车和；给每个邮箱地址添加单独的背景色，且每个邮箱地址都在input内 双击支持编辑，

Vue可以通过使用自定义指令来实现QQ邮箱收件人识别回车和分号的功能，并且可以通过绑定class属性来给每个邮箱地址添加单独的背景色。同时，可以使用v-on指令来绑定双击事件，实现双击支持编辑的功能。

下面是一个简单的实现示例：

<template>
  <div>
    <input v-model="emailList" v-emails />
    <div v-for="(email, index) in emails" :key="index" :class="{ 'email-selected': selectedEmail === email }" @click="selectEmail(email)" @dblclick="editEmail(email)">
      {{ email }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      emailList: '',
      selectedEmail: '',
      emails: []
    }
  },
  directives: {
    emails: {
      bind(el, binding, vnode) {
        el.addEventListener('keydown', e => {
          if (e.keyCode === 13 || e.keyCode === 186) { // 回车键或分号
            e.preventDefault()
            const email = e.target.value.trim()
            if (email && !vnode.context.emails.includes(email)) {
              vnode.context.emails.push(email)
            }
            e.target.value = ''
          }
        })
      }
    }
  },
  methods: {
    selectEmail(email) {
      this.selectedEmail = email
    },
    editEmail(email) {
      this.selectedEmail = email
      const index = this.emails.indexOf(email)
      this.emails.splice(index, 1)
      this.emailList = this.emails.join('; ')
    }
  }
}
</script>

<style scoped>
.email-selected {
  background-color: yellow;
}
</style>

在上面的代码中，我们定义了一个自定义指令`v-emails`，它会在输入框按下回车键或分号时，将输入框中的邮箱地址添加到`emails`数组中。我们使用`v-for`指令来遍历`emails`数组，并使用`:class`绑定属性来给每个邮箱地址添加不同的背景色。同时，我们使用`@click`和`@dblclick`指令来绑定单击和双击事件，实现选中和编辑功能。