textarea 无法初始化值

<template>
  <page title="chameleon">
      <scroller height="{{-1}}">
        <view class="scroller-wrap">
          <textarea value="{{textValue}}" >{{textValue}}</textarea>
        </view>
      </scroller>
  </page>
</template>
<script>
class Index  {
  data = {
    title: "chameleon",
    textValue: "this is a test"
  }
  methods = {
    bindblurevent() {
      console.log('blur');
      this.isfocus = false;
    },
  };
}
export default new Index();
</script>