子组件的props 只能由父组件 修改 子组件 内部 不能动 props 解决报错思路

vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "XXXX"

报错大概意思就是  子组件的props  只能由父组件 修改  子组件 内部 不能动 props

但是  有的 时候  我们封装 组件会改到props 

有以下几种 解决方案

1、 绑定v-model  用 input  时间  与 props  value    双向 绑定 修改

2、  设置中中转变量  形成 单向刘流 

    在data里面 设置一个 中转变量     用watch监听可能会改到的props    根据 props的  改变 将props的值 赋值给 data的 中转变量 

再去 <template>  里面去使用  中转变量

   还有就是  不用设置中转变量 watch监听    直接设置计算属性       return props值      需要设置 计算 属性的  get（）  与  set（）