Vant

介绍

@formily/vant 是基于 Vant 封装的针对表单场景专业级(Professional)组件库，它主要有以下几个特点：

• 更丰富的组件体系

  • 布局组件

    • FormItem
    • Space
    • Submit

  • 输入控件

    • Input
    • Radio
    • Checkbox
    • Switch
    • Rate
    • Slider
    • Stepper
    • Uploader
    • Cascader
    • Calendar
    • Picker
    • DatetimePicker
    • Area

  • 场景组件

    • ArrayItems

  • 阅读态组件

    • PreviewText

• 主题定制能力

  • follow 组件库的样式体系，更方便定制主题

• 支持二次封装

  • 所有组件都能二次封装

• 支持阅读态

  • 提供了 PreviewText 组件，用户可以基于它自己做阅读态封装，灵活性更强

• 类型更加友好

  • 每个组件都有着极其完整的类型定义，用户在实际开发过程中，可以感受到前所未有的智能提示体验

• 更完备的布局控制能力

  • 基于 FormItem 组件，提供更智能的布局能力。

安装

vue2:

$ npm install --save vant@latest-v2
$ npm install --save @vue/composition-api @formily/vant

注意

使用 google 浏览器开发者工具，切换成手机模式，效果更佳

Q/A

问：我想自己封装一套组件库，该怎么做？

答：如果是开源组件库，可以直接参与项目共建，提供 PR，如果是企业内私有组件库，参考源码即可，源码并没有太多复杂逻辑。