vue 信息发布框

<style>
  .fontColor{
    color: red;
  }
</style>
<template>
  <div id="app">
    <textarea cols="30" rows="10" v-model='str'></textarea>
    <span :class='str.length>100?"fontColor":""'>{{str.length}}</span>/100
    <button @click='fabu' :disabled="str.length>100?true:false">发布</button>
    <div v-for='item in arr' v-text='item'></div>
  </div> 
</template>

<script>
  export default{
    data(){
      return{
        str:'',
        arr:[]
      }
    },
    methods:{
      fabu(){
        this.arr.push(this.str)
      }
    }
  }
</script>