用vue3写一个textare并显示为密文

可以使用Vue3的v-model指令绑定数据，并使用textarea元素进行输入和显示。

为了将输入的文本显示为密文，可以使用Vue3的计算属性computed来对输入的文本进行加密处理。

以下是一个示例代码：

<template>
  <div>
    <textarea v-model="message"></textarea>
    <div>{{ encryptedMessage }}</div>
  </div>
</template>

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

export default {
  setup() {
    const message = ref('');
    
    const encryptedMessage = computed(() => {
      return message.value.split('').map(() => '*').join('');
    });
    
    return {
      message,
      encryptedMessage,
    };
  },
};
</script>

在上面的代码中，我们使用了ref来定义message变量来存储用户输入的文本，并使用computed计算属性来加密message的值，将其显示为密文。最后，我们将message和encryptedMessage暴露给模板，用户可以输入文本并实时显示密文。