vue2
在vue2中的写法:
<!-- 子组件 -->
<template>
<div>
<button @click="emitSomeThing">发送</button>
</div>
</template>
<script>
export default {
methods: {
emitSomeThing() {
this.$emit('change', '子组件传递的数据')
}
}
}
</script>
<!-- 父组件 -->
<template>
<div>
<Child @change="onChange"></Child>
</div>
</template>
<script>
export default {
methods: {
// 接收子组件传递的数据
onChange(event) {
console.log(event)
}
}
}
</script>
小于 1 分钟