vue中关于子组件修改porps中内容是否报错的问题

之前在使用父子组件之间传值都是通过props跟emit来进行父子组件通信的,刚开始使用时没注意,在子组件里修改了props里的值(number或string),控制台就报错了,大概意思也是就说子组件里不能直接修改父组件传递过来的值,需要通过$emit来更改,然后就思维定式的一直这样认为的,直到在看别人代码时看到了在子组件里疯狂修改父组件中的对象时,而且还没有报错,当时真是满脸问号,然后就去翻vue文档,各种查找案例,终于找到了原因:
vue官方文档里写了通过porps传递的值属性可以是:String,Number,Boolean,Object,Array,Function,Symbol,Date.
这里面字符串（String）、数字(Number)、布尔(Boolean)、Symbol属于基本数据类型,Object,Array,Function属于引用数据类型
先说结果,在子组件里改变props中属于引用数据类型的值,父组件也会被同步更改数据值,不会报错;在子组件里改变基本数据类型的值,会直接报错,不会再父组件同步更改数据值.
简单说明一下原因:在 JavaScript 的执行过程中， 主要有三种类型内存空间，分别是代码空间、栈空间和堆空间，其中的代码空间主要是存储可执行代码的，栈空间就是调用栈，是用来存储执行上下文的，堆空间是用来储存引用数据类型的。也就是js在执行的时候,会把基本类型的数据保存在栈空间中,引用类型的数据保存在堆空间中.
对象类型是存放在堆空间的，在栈空间中只是保留了对象的引用地址，当 JavaScript 需要访问该数据的时候，是通过栈中的引用地址来访问的，所以，父组件传递给子组件的，实际上只是一个引用地址，当子组件修改这个对象时，是真的修改了在堆空间中保存的数值，当然父组件中的值也会发生变化，但是引用地址没有进行修改，所以并没有报错。