【Vue】父组件使用v-model,实现子父组件动态传值。

前言:父组件与子组件直接的传值会有些小问题,特别是动态传值。

 

一、实现动态传值



{{name}}

运行结果

要理解该方法的关键是要知道v-model的实现原理。

 

二、v-model实现原理



{{ name }}

这时就可以看出来了,我们通过['value']可以获取到父组件给子组件传递的值,也可以用过注册input方法方法来通过子组件给父组件传值。

你可能感兴趣的:(Vue)