vue在自定义组件中使用v-model

父组件代码

// 父组件中引入子组件并使用
<template>
	<children  v-model='active'/>
</template>

<script>
import children from '@/components/children'
export default {
	data() {
		active:''
	},
	components:{
	    children
    }
}
</script>

子组件代码

<template>
    <div>
        子组件{{value}}
        <input type="text" v-model="childerValue" @input="go" />
    </div>
</template>

<script>
export default {
    name:'children',
    data () {
        return {
            childerValue:''
        }
    },
    props: {
        value: String
    },
    model:{
        event: 'giveActive'
    },
    methods: {
        go () {
            this.$emit('giveActive', this.childerValue);
        }
    }
}
</script>

<style lang='stylus' scoped>

</style>

注:子组件的props必须为value