vue--vant组件库field输入框

安装vant UI框架：

cnpm install vant –-save-dev

导入组件-在main.js里：

import Vant from 'vant';
import'vant/lib/vant-css/index.css';
Vue.use('Vant')

Field输入框是一个高频组件

完全支持Input 标签所有的原生属性，比如 maxlength、placeholder、autofocus 等

准备工作：

创建一个页面: Field.vue

在router.js里配置Field页面的路由

{
  path: '/field',
  name: 'field',
  component: () => import('./views/Field.vue')
}

在index.vue里添加一项

代码演示Field输入框：

基础用法：

普通的一个小示例，只有一个label标签，和一个输入框：

<van-cell-group>
       <