Vue数据双向绑定原理

啰嗦一点的总结:
在数据渲染时使用prop渲染数据,将prop绑定到子组件自身的数据上,修改数据时更新自身数据来替代prop,watch子组件自身数据的改变,触发事件通知父组件更改绑定到prop的数据。

简练回答:
父到子props单向传递,子到父自定义事件往上抛

再问:Vue数据绑定这样做的好处是什么?
再答:父组件数据改变时,不会修改存储prop的子组件数据,只是以子组件数据为媒介,完成对prop的双向修改。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 构建一个基于数据双向绑定原理的应用 首先,这一切都是基于我们能够实时监听到数据变化,并根据变化做出实时响应 构建一...
    hux1ao阅读 743评论 0 1
  • 此文基于官方文档,里面部分例子有改动,加上了一些自己的理解 什么是组件? 组件(Component)是 Vue.j...
    陆志均阅读 3,865评论 5 14
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,087评论 0 42
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,241评论 0 6
  • 在开发阶段中会碰到很多的问题,例如wx.request数据请求不成功,在数组操作时,不知道如何往数组里push数据...
    御宅胖猫阅读 520评论 0 1