vue中子组件修改父组件传入的值

父组件传递一个对象给子组件,在子组件中直接修改这个接受到的对象里面的值,不改变对象的引用地址,在父子组件中值都可以修改,控制台会报错;

如上,如果子组件改变这个对象的引用地址,子组件中可以修改,父组件中不能修改,控制台会报错;

如果传递的值是普通类型,子组件中可以修改,父组件中不能修改,控制台会报错;、

 

 

不推荐子组件直接修改父组件中的参数,避免这个参数多个子组件引用,无法找到造成数据不正常的原因;

子组件可以使用$emit触发父组件的方法,在父组件的方法里去修改父组件的值;

vue的规范为所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定。

 

posted @ 2020-05-18 13:00  seeBetter  阅读(3920)  评论(0编辑  收藏  举报