Eslint 报错，提示不能修改 props 数据

Question

Unexpected mutation of “data” prop.eslintvue/no-mutating-props
https://eslint.vuejs.org/rules/no-mutating-props.html
初学者，没看明白，请问下老师，有什么好的解决办法呢
这个报错百度了一下，知道报错的原因，不能修改 props 从父组件 接收过的数据。解决办法没有找到或者更准确说的是没看明白，所以问问老师这问题该如何解决。

Answer 1

Sunday 2023-02-02 17:38:41

你好

props 传递来的数据是不可以在子组件中修改的。

如果想要修改 props ，那么需要使用《子组件通过父组件的方式》来进行修改。

具体的方法，我给你找了一个博客，希望可以帮到你： https://juejin.cn/post/6854573214618615815 

• 提问者 爱吃鱼的羊 #1

  因为是初学者，这套视频uni-app这部分，每个章节都看了几回了，第一回，先了解个大概，第二回再认真的看每章每个小节，第三回看电子文档教程，跟着写，我所提关于Eslint 报错的问题，要不是就是在vue3中取消了，要不是就是你回的 props 传递来的数据是不可以在子组件中修改的。而且每行代码都和你的源码保持一致，除了一些没必要的注释。
  因为是初学者，很多写法和思路会按你教的做，Sunday老师， 你有时间可否在电子文档教程更改下呢，更新一下。
  看完这套，接下来就是 基于 Vue3 ，打造前台+中台通用提效解决方案 还有基于Vue3新标准，打造后台综合解决方案 ，问下这两套视频它的难易程度，相对于这套视频，也不管这么多了，看不懂就多看几回，实在不明白百度，找不到，再问 Sunday 老师。你发的这几套视频我是早早的下单买了 订单编号：2205181658586687  ，下单时没注意，下单后翻看视频发现都是Sunday 老师开发的课程，有缘呀。

• 提问者 爱吃鱼的羊 #2

  说了这么多，就一点，希望老师出的课程，学的轻松，学的快乐，每学到一个个新技能，就能立马能用到工作中。我学习的方式，第一步就是完全照抄，第二步仿照，第三步，完全理解了，独立开发。

• Sunday 回复 提问者 爱吃鱼的羊 #3

  其实你的这三步学习法是一种很好的方式。学习的过程是一个痛并快乐的过程，希望可以一起进步。加油💪🏻