vue 实现监控textarea中英文单词的数量并在超出20个单词后使数字变红

word counter：后面是单词的数量，并在20个单词以后改数字变红

单词？不是限制字符吗？如果你单词输入一个后，空格，然后在输入，那么就直接分割他，然后判断数组的长度，大于20就做变红操作。

楼上回答的是jquery的写法，用vue可以给textarea绑定一个变量，监听它的输入事件，根据变量的长度显示颜色。

<textarea v-model="value" v-bind:style="{color: value.length>20?'red':''}" v-on:input="inputValue"></textarea>

让数字变红同理。

inputValue(){
            if(this.value > 30){
                this.value = this.value.substring(30, this.value.length-30);
            }
        }

限制输入长度的方法