由浅入深Vue：数字输入框组件开发实战

Tips：组件与复用
组件时Vue最核心，也是最出色的地方。毫不客气的说，Vue.js的组件就是提高重用性的，让代码可复用。

知识回顾

组件中最惹人注目的，莫过于 组件间的传值（通信） 了。
父子组件传值：
子组件用props接收，这是必要的。当然，传递的数据并不需要是写死的，比如：来自父级的动态数据，可以使用v-bind动态绑定。
单向数据流：
Vue2.x的一个改变就是：通过props传递数据是单向的，子组件不能修改父组件传来的数据。

在实际业务中我们常常能看到需要改变prop的情况：一种是父组件传初始值进来，子组件将它作为初始值保存起来（变量接收），在自己的作用域下可以随意使用和修改；另一种是子组件通过 $emit 修改父组件的值。

非父子组件通信：
这种情况又有两种子情况：兄弟组件和跨多级组件。这就用到了 $emit
我们更加推荐使用