Tips：本文介绍的Vue默认为Vue2版本。当我们第一次接触Vue的时候，肯定会了解一个语法糖，那就是v-model指令。它带给我们的第一印象就是可以实现双向绑定那么，什么是双向绑定呢？通俗的说，当数据发生变化时，视图也同时发生变化，这可以说是Vue的精髓（不过关于双向绑定，后面可以出一篇更详细的博文，模拟Vue深入实现，这里的重点是讨论自定义组件的v-model指令的实现）那么，我们深入使用Vue之后，写一个自定义组件，如何手动实现一个v-model指令，今天就来详细讨论一下什么是v-model指令的原理？v-bind绑定一个值属性v-on来监听当前元素的输入事件。当数据发生变化时，将值传递给值，实时更新数据。v-model和v-bind:value有什么区别？在自定义组件中，必须使用v-bind命令来实现组件之间的传值，所以当我还是菜鸟的时候，一直有一个疑问，既然有v-bind命令，为什么还要在里面使用呢？我自己定义的组件中实现v-model指令怎么办？自己实践后才发现，v-model不仅可以实现值的传递，还可以实现页面数据的实时变化，而v-bind只是实现值的传递。如果需要实现实时变化的效果，就需要使用另一种方法来修改变量的值，可以归纳为以下两点：v-model实现了视图和数据的双向绑定，一个的改变也会同时改变另一个。v-bind只会在初始化期间绑定数据。在视图上，后续的视图更改不会影响数据。一个v-model看到这里，相信你也明白为什么我们需要在自定义组件中自定义一条v-model指令了，下面我们用一个简单的例子来创建一个v-model。在此之前，我们需要在一个空的Vue项目中定义一个dad.vue文件和一个child.vue文件。为了方便初学者，我在github仓库中放了一个完整的简单示例工程，供大家下载学习。喜欢的话可以点个Star，谢谢?(?ω?)?！！！
