用hbuilderx的vue设计一个在textarea里限制200字 每输入一个字体textarea右下角会显示输入的总字数为多少

可以通过绑定一个计算属性来实现在 Vue 中实时显示输入的总字数。

首先，你需要在 Vue 组件的 data 中定义一个变量来存储输入的文本内容，以及一个变量来记录输入的总字数。然后，在 textarea 上使用 v-model 指令将输入的内容与 data 中的变量进行双向绑定。

接下来，在计算属性中定义一个函数，用于计算输入的总字数。在这个函数中，你可以使用字符串的 `length` 属性来获取输入内容的长度，然后将其赋值给总字数变量。

最后，在模板中显示总字数的部分，可以使用插值语法 `{{ }}` 将计算属性绑定到 textarea 右下角的位置。

以下是一个简单的示例代码：

<template>
  <div>
    <textarea v-model="inputText"></textarea>
    <p>输入的总字数为: {{ totalWords }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputText: '',
      totalWords: 0
    };
  },
  computed: {
    totalWordsCount() {
      return this.inputText.length;
    }
  }
};
</script>

在上述示例中，`inputText` 变量用于存储输入的文本内容，`totalWords` 变量用于存储输入的总字数。计算属性 `totalWordsCount` 会根据 `inputText` 的长度计算总字数，并将结果赋值给 `totalWords` 变量。最后，通过插值语法将 `totalWords` 变量显示在页面上。

请注意，上述示例只是一个简单的示例，并没有添加字数限制的逻辑。如果需要实现字数限制，你可以在计算属性中添加相应的逻辑，并在 `inputText` 变量发生变化时进行判断和处理。