用vue3.0生成返回selection所选中信息的代码

在 Vue 3.0 中，可以使用 `v-model` 指令绑定表单元素的输入值，并使用 `@change` 事件监听值的变化。以下是一个示例代码，可以在选择文本时返回所选中的文本信息：

<template>
  <div>
    <label for="text-input">输入文本：</label>
    <textarea id="text-input" v-model="inputText" @change="handleSelection"></textarea>
    <p>选择的文本：{{ selectedText }}</p>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const inputText = ref('');
    const selectedText = ref('');

    function handleSelection() {
      const selection = window.getSelection();
      selectedText.value = selection.toString();
    }

    return {
      inputText,
      selectedText,
      handleSelection,
    };
  },
};
</script>

在上面的代码中，我们使用了 `ref` 函数来声明 `inputText` 和 `selectedText` 两个响应式变量。在 `handleSelection` 方法中，我们使用 `window.getSelection()` 方法获取到当前选择的文本，并将其赋值给 `selectedText` 变量。在模板中，我们使用 `v-model` 指令将输入框的值绑定到 `inputText` 变量上，并使用 `@change` 事件监听输入框值的变化，从而触发 `handleSelection` 方法更新选择的文本信息。