深入研究v-model(实现父子组件数据同步)

1.在Vue中v-model最简单最常用的数据双向绑定

它是Vue框架中的指令,主要结合表单元素一起使用(文本框,复选框等)



实现效果

 

 2.深入研究v-model

实现父子组件通信,即实现数据同步

实现原理:用value和input事件实现

父组件:


    
    
    

 子组件:



 

深入研究v-model(实现父子组件数据同步)_第1张图片

 

你可能感兴趣的:(javascript,vue.js,前端)