把一个布尔值传递给子组件，然后，在子组件中修改该值，会报错
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders
原因：
在 Vue 中，父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。
Prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是反过来不会。这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。
解决办法：
原理：将要更改的值，传递给父组件，在父组件中更改，再传递给子组件
步骤：
先将值传递给子组件，子组件 props 接收并使用，然后通过 $emit 广播一个事件给父组件，并将值一并传递，父组件 @子组件广播过来的事件，并定义一个方法，在该方法中，改变传递过来的值，父组件又会将值传递给子组件，这样就形成了一个闭环，问题得以解决
父组件调用子组件 <base_picker v-show="show2" :sendList="show2" @sendMessage="messa
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K
> 在vue中 子组件是默认无法访问到父组件data中的数据和methods中的方法的,所以我们需要使用特定的方法来完成它。 一、父组件向子组件传值 通过 props
把一个布尔值传递给子组件，然后，在子组件中修改该值，会报错 Avoid mutating a prop directly since the value will b
一、父组件调用子组件方法 父组件代码 parent.vue <template> <div> <button @click="paren
在使用VUE开发的时候，有时候，我们需要通过父组件像子组件传递数据或者为了防止每个子组件都会有请求数据事件的发生，从而导致代码冗余，所以，我们可以把同一个模块下的所有子组
子组件直接修改父组件的值的话会提示错误，如下： ![20210401083116163.png][] 父组件： <template> <div cl
1、父组件projectBatchsindex.vue // 使用:projectId="this.projectId" 传递参数 <ProjectBatch
项目中遇到，子组件改变选值时，想改变父组件的值，尝试了两种办法，用到的`watch`和`computed`方式，看个人喜爱 第一种： > 父组件传入一个方法，子
阳光穿透心脏的1/2处
怼烎@
傷城~
红太狼
还没有评论，来说两句吧...