2023-07-04 如何处理vue中不能监听到父传子组件props的变化

前言：父传值给子组件，子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值，然后同时子组件的页面会跟着渲染。

问题就是：子组件无法拿到watch更新的props值，比如传进一个list，然后通过watch来监听并在list里面加入一个新的值，前端页面拿不到新的值故而报错。

原因：watch无法更新props的值？

解决方案：把需要更新的值赋值给子组件的data中定义的变量，不要使用props中的值。