v-model介绍熟悉Vue的朋友都知道v-model是Vue的一大特色，可以实现双向数据绑定。但本质上它只是语法糖，负责监听用户输入事件来更新数据。以下内容摘自Vue官方文档。v-model内部针对不同的input元素使用不同的属性并抛出不同的事件：text和textarea使用value属性和input事件；checkbox和radio使用checked属性和change事件；选择字段使用值作为道具并更改为事件。如何巧妙的使用v-model实现父子组件之间的传值。通常，当子组件的某个变量有更新需要通知父组件时，子组件需要触发一个事件，父组件监听该事件。但是在熟悉了上面v-model的实现原理之后，我们就可以熟练的运用这个原理了（v-model内部针对不同的输入元素使用不同的属性，抛出不同的事件）。方法总结：1.子组件设置value为props属性，不主动改变value值2.子组件通过this.$emit('input','updateValue')将updateValue值传递给父组件3、父组件通过v-model="localValue"绑定一个局部变量，可以实现子组件的value值和父组件的updateValue值的同步更新。例如，子组件包含一个按钮，value属性设置为props（因为v-model使用的是value属性）。当点击按钮时，sum值加1，更新后的值通过this.$emit('input',++sum)传递给父组件（前提：传递给父组件的值必须是你要赋值的值）在父组件父组件中，绑定一个本地通过v-model变量实现子组件和父组件同步更新
value:{{rangeValue}}