初识Vue-组件通信（详解props和emit）
<template>
<div>
<child-component :child-prop="parentProp" @child-event="parentMethod" />
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
data() {
return {
parentProp: '父组件数据'
};
},
methods: {
parentMethod(payload) {
console.log('来自子组件的事件：', payload);
}
}
};
</script>这个例子展示了如何在Vue中使用props向子组件传递数据，以及如何使用自定义事件(emit)从子组件向父组件发送信息。child-component是一个子组件，它通过props接收parentProp属性，并在某些操作发生时通过this.$emit('child-event', payload)触发自定义事件，父组件通过@child-event监听这一事件，并定义了响应该事件的方法parentMethod。
评论已关闭