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

子组件

<template>
    <button @click="$emit('change', 123); ">改变</button>
</template>


export default {
    model: {
        prop: 'content',
        event: 'change'
    },
    props:{
        content:{
            type:String
        }
    },
}

 

父组件

<template>
....
    <HpEdit v-model='articleContent'></HpEdit>
　　{{articleContent}}
　　<input v-model='articleContent'/>
....
</template>

export default {
　　return(){
　　　　articleContent:'',
　　}

}