Vue——自定义组件实现v-model


Vue有数据单向传递的特点,但是实际业务中,会产生这样的需求:

A组件调用B组件,A组件通过props向B组件传递一个值X,B组件经过用户操作,X有了一个新的值,A组件想获取这个值,该如何操作?

这时候,就是要在自定义组件中实现v-model,实现数据双向绑定,将子组件中的数值传递回父级容器。 

A组件的语法如下,正常调用即可: 


B组件基本语法如下: 



vue