父组件代码
// 父组件中引入子组件并使用 <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