vue项目中v-model父子组件通信的实现详解
我们在vue项目中,经常有这样的需求,父组件绑定v-model,子组件输入更改父组件v-model绑定的数值。很多朋友对这种操作不是很清楚,这需要对v-model有比较深入的了解,今天谈谈v-model。v-model这个指令只能用在, ,这些表单元素上,所谓双向绑定,指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致,两者无论谁被改变,另一方也会相应的更新为相同的数据。关于 vue的双向数据绑定,具体如何实现的?上面开了一个小差,讲了那么多,其实就是为了说明Vue 是单项数据流,v-model 只是语法糖而已。假如你理解了我上面的例子,那么,我们就可以很简单的在组件中使用v-model了。
下载地址
用户评论