子组件中直接修改父组件传过来的值

• 父组件使用v-model绑定
  child.vue

export default {
    props: {
        value: {
            type: String,
            default: ''
        },
    },
    model: {
    	prop: 'value',
    	event: 'change'
    }
    methods: {
        // value数据改变触发的方法，可以传参将要改成的值传进去
        change() {
            this.$emit('change', '要修改的值')
        }
    },
};

父组件调用子组件的时候用v-model绑定就行
<child v-model="bindValue" />

• 父组件使用.sync绑定
  child.vue

export default {
    props: {
        value: {
            type: String,
            default: ''
        }
    },
    methods: {
        // 改变值的方法
        change() {
            this.$emit('update:value', '更改的值')
        }
    },
};

父组件绑定
<child :value.sync="bindValue" />