如果对象 Vue js，道具会更改父级

Question

我的问题更多的是寻找解释。我有两个组成部分，父亲和孩子。父亲：<template>    <Child :data="testData" />        {{testData}} //for print data in father</template><script>    export default {       name: "Father",       data() {          return {             testData: {name: "hello"}          }       }    } </script> 然后我的孩子<template>   <input v-model="data.name" /></template><script>   export default {       name: "Child",         props: ["data"]        }   }</script> 正如本节中的文档所说：https : //vuejs.org/v2/guide/components-props.html#One-Way-Data-Flow我预计它会返回错误，但不，它的工作，如果我尝试更改输入父组件显示正确的新值，没有控制台错误。所以我用简单的字符串来测试数据而不是父亲中的对象，例如：父亲：<template>    <Child :data="testData" />        {{testData}} //for print data in father</template><script>    export default {       name: "Father",       data() {          return {             testData: "hello"          }       }    } </script> 孩子：<template>   <input v-model="data" /></template><script>   export default {       name: "Child",         props: ["data"]        }   }</script> 在这种情况下，我会得到正确的错误：[Vue 警告]：避免直接改变 prop，因为每当父组件重新渲染时，值都会被覆盖。相反，根据道具的值使用数据或计算属性。道具正在变异：“数据”在发现是的，我知道在 JS 中对象是不同的并且是“神奇的”，但我预计 Vuejs 不允许这样做。这是期望的/应有的（对于 JS 特定的）行为吗？