# Input 输入框

<template>
  <div>
    <div class="easy">
      <m-input placeholder="请输入内容"></m-input>
      <m-input value="默认文本"></m-input>
      <m-input disabled value="禁用状态"></m-input>
    </div>
    <div class="error">
      <m-input error="请输入正确内容！"></m-input>
    </div>
    <div class="bindDate">
      <m-input v-model="value"></m-input>
      <span>支持数据绑定: {{ value }}</span>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        value: '输入试试'
      }
    }
  }
</script>
<style lang="scss">
  div.easy {
    margin-top: 10px;
    margin-bottom: 8px;
    > input {
      margin-top: 8px;
    }
  }

  div.bindDate {
    margin-top: 8px;
    height: 64px;
  }
</style>