```html
<div class="demo-block" id="x-textarea-demo1">
  <lx-group title="textarea">
    <lx-x-textarea
      :max="20"
      placeholder="请填写详细信息"
    />
  </lx-group>
  <lx-group title="和input一起使用">
    <lx-x-input placeholder="标题" />
    <lx-x-textarea
      :max="200"
      name="description"
      placeholder="描述"
    />
  </lx-group>
  <lx-group title="不显示计数器">
    <lx-x-textarea
      :max="200"
      name="detail"
      placeholder="请填写详细信息"
      :show-counter="false"
    />
  </lx-group>
  <lx-group title="set height=200">
    <lx-x-textarea
      :max="200"
      placeholder="请填写详细信息"
      :show-counter="false"
      :height="200"
      :rows="8"
      :cols="30"
    />
  </lx-group>
  <lx-group title="autosize">
    <lx-x-textarea
      ref="autosize"
      placeholder="Type something"
      :show-counter="false"
      :rows="1"
    />
  </lx-group>
</div>


<script>
// XTextarea.md
// import Autosize from 'autosize'
const Autosize = window.cvux.default.static.Autosize
new Vue({
  el: '#x-textarea-demo1',
  mounted () {
    Autosize(this.$refs.autosize.$refs.textarea)
  },
  beforeDestroy () {
    Autosize.destroy(this.$refs.autosize.$refs.textarea)
  }
})
</script>
```