报错:问题出现原因就是props 单向数据流问题
vue.esm.js?efeb:628 [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: “myvalue”
使用中间变量
父组件
![vue 父传子单向通信 props报错不可写问题 vue 父传子单向通信 props报错不可写问题](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc4OS81ZmZjOTE1NWZhZTdhODM4MTk1MGMxYzBiMjA1MzNmZC5wbmc=)
子组件
![vue 父传子单向通信 props报错不可写问题 vue 父传子单向通信 props报错不可写问题](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ0MS81YWFiNmE1OWRjNDcxNDliYzcxNzYyNmJkOTk4NGRmMS5wbmc=)
运行结果
![vue 父传子单向通信 props报错不可写问题 vue 父传子单向通信 props报错不可写问题](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIyLzRhYzFjOGIxOGUxMGMyNTU0YjQ1OWIzOGU4ZDUxOTJlLnBuZw==)