主要介绍了说说如何在Vue.js中实现数字输入组件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

我们对普通输入框进行扩展，实现一个可快捷输入数字组件。 首先制定规则： 只能输入数字。 设计两个快捷按钮，可直接在当前值的基础上增 1 或者减 1。 数字输入组件可设置初始值、最大值与最小值。 接着，规划好 API。一个 Vue.js 组件最重要的 3 个部分就是 props、events 以及 slot，我们需要定义这三个部分的命名以及业务规则。这个组件比较简单，所以我们只用到  props 与 events。 1 基础版 html： <