在子组件直接修改父组件的报错信息:vue.js:597 [Vue warn]: Avoid mutating a prop directly since the value will be ov...

在vue中子组件是不允许直接修改父组件传过来的数据,因为如果父组件传过来的数据如果是数组或者是对象的数据的话,在

子组件中直接修改传过来数据的话,会影响到其他组件的数据,所以要在子组件data数据里定义一个变量来保存父组件传过来的

数据。


但是这样的话,定义的局部变量ttt只能接受conten的初始值,当父组件要传递的值发生变化时,ttt就无法接收到最新的值了

我们可以定一个计算属性,watch()监听conten 的值发生改变并返回更新到子组件的数据


这样就可以同步到子组件的数据了,

不过接下来可能会有这样一个需求,子组件更新数据后也要同步到父组件的数据,那么用的之前所学的自定义事件方法,把子组件

ttt的数据发送到父组件,在父组件监听这个自定义的事件,来接收子组件传过来的数据:


子组件发送事件
父组件监听事件
父组件执行事件方法
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,692评论 25 709
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,095评论 0 29
  • 已经不知何时,互联网公司大楼晚上的灯火通明已经变成这类公司的正常状态。北上广的互联网公司集聚区,被称为“吸血楼”。...
    暂住16楼阅读 1,616评论 18 4
  • 曹雪芹说,他最讨厌才子佳人小说里丫环们一说话就满口之乎者也,所以《红楼梦》里写了那么多丫环,绝无一个有此文艺病。 ...
    知月阅读 4,428评论 2 23
  • 爱学习
    朱慧阅读 215评论 0 0