vue 父组件向子组件通过props传递数据不能用v-model绑定？

Question

1. 父组件代码

    <template>
        <div>
            <item1 :test="{test:1}"></item1>
        </div>
    </template>

1. 子组件代码

<template>
    <div>
        <input v-model="test.test">
    </div>
</template>
<script>
    export default {        
    props: {            
            test: Object
        }
    }</script>

此时我们在子组件input框中任意修改是不报错的，应为我们通过父组件传过来的值是复合类型数据，当我们改为普通类型的数据时就会报错，如下

报错的原因是我们修改如下

1. 父组件代码

    <template>
        <div>
            <item1 :test="1"></item1>
        </div>
    </template>

1. 子组件代码

<template>
    <div>
        <input v-model="test">
    </div>
</template>
<script>
    export default {        
    props: {            
            test: Number
        }
    }</script>

有谁能解释下么？

Answer 1

vue 单向数据流动 子组件想修改父组件的值 需要用 $emit第一次绑定的是引用数据类型，绑定的是引用地址，子组件修这个引用类型的值，vue不会报警告。第二次 基础类型值 子组件直接修改 父组件传递的props vue会抛出警告。

Answer 2

以前是可以的，貌似有个版本更新之后就会报警告了，子组件不能直接修改props数据。能修改的方式很多，可以用emit触发，或者搭一个bus线，或者用vuex。直接修改的方式不提倡。

Answer 3

参考一下这个 也可以实现你的需求