atui/src/components/Input/demo/basic.md

components built with Vue.js

---
order: 0
title:
  zh-CN: 基本
  en-US: Type
---

## zh-CN
可以通过给输入框绑定v-model来创建双向绑定


## en-US


````jsx
<div>
  <v-input large type="text" v-model="val" placeholder="输入框－大尺寸"></v-input>
</div>
<br>
<div>
  <v-input type="text" placeholder="输入框－默认尺寸"></v-input>
</div>
<br>
<div>
  <v-input small type="text" placeholder="输入框－小尺寸"></v-input>
</div>
<br>
<div>
  <v-input disabled type="text" placeholder="禁用输入框－默认尺寸"></v-input>
</div>
````

````vue-script
new Vue({
  el: 'body',
  components: {
    vInput: atui.Input
  },
  data: {
    val: '123'
  }
})
````