<!-- 父组件 -->
<template>
<div>
<div @onclick="onclick">点击获取子组件传的值</div>
<div>{{msg}}</div>
</div>
</template>
<script>
export default {
data() {
return {
msg: ''
}
},
methods: {
// 点击获取子组件传的值
onclick(val) {
this.msg = val;
}
}
}
</script>
<!-- 子组件 -->
<template>
<div>
<input type="text" v-model="msg" />
<button @click="click">Send</button>
</div>
</template>
<script>
export default {
data() {
return {
// 默认
msg: '子组件消息'
}
},
methods: {
click() {
// 传值
this.$emit('onclick', this.msg);
}
}
}
</script>