这里不再赘述父子组件及子父组件传值不懂的同学可以翻看我以前写过的关于两者传值的文章
直接进入正题,把一个布尔值传递给子组件然后,在子组件中修改该值会报错
在 Vue 中,父子组件的关系可以总结为 prop 向下传递事件向上传递。父组件通过 prop 给子组件下发数据子组件通过事件给父组件发送消息。
Prop 是单向绑定的:当父组件的属性变化时将传导给子组件,但是反过来不会这是为了防止子组件无意间修改了父组件的状态,来避免應用的数据流变得难以理解
原理:将要更改的值,传递给父组件在父组件中更改,再传递给子组件
先将值传递给子组件子組件 props 接收并使用,然后通过 $emit 广播一个事件给父组件并将值一并传递,父组件 @子组件广播过来的事件并定义一个方法,在该方法中改變传递过来的值,父组件又会将值传递给子组件这样就形成了一个闭环,问题得以解决
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。