vue textarea美化

根据提供的引用内容，我可以给你介绍一下如何使用Vue来美化textarea。

在Vue中，你可以使用自定义指令来美化textarea。下面是一个简单的例子：

<template>
  <div>
    <textarea v-model="content" v-resize-area></textarea>
    <p>剩余文字数量: {{ remaining }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      maxLength: 100
    }
  },
  computed: {
    remaining() {
      return this.maxLength - this.content.length;
    }
  },
  directives: {
    resizeArea: {
      inserted(el) {
        el.addEventListener('input', function() {
          this.style.height = 'auto';
          this.style.height = (this.scrollHeight + 2) + 'px';
        }, false);
      }
    }
  }
}
</script>

在上面的例子中，我们使用了v-resize-area指令来实现textarea的自动调整高度功能。当输入内容时，textarea的高度会根据内容的多少自动调整。

同时，我们使用了v-model指令来实现双向绑定，将textarea的内容与Vue实例中的content属性进行绑定。

另外，我们使用了computed属性来计算剩余文字数量，通过maxLength减去content的长度来得到。

你可以根据自己的需求修改maxLength的值来限制输入的最大长度。