父组件-----list.vue:
<template>
<div class="list">
我是父组件页面
<!--3、 使用子组件 -->
<EditList @parentFn="parentFn" @parentEvnet="parentEvnet(id)"/>
</div>
</template>
<script>
// 1、引入子组件
import EditList from '@/components/EditList'
export default {
name: 'List',
data () {
return {
id:8
}
},
methods:{
// 父组件中的方法
parentFn(){
},
parentEvent(id){
console.log("id:",id)
}
},
components:{
//2、 注册子组件
EditList
}
}
</script>
子组件-----EditeList.vue:
//使用this.$emit调用父组件方法
this.$emit("parentFn")
this.$emit("parentEvent")
本文介绍了一个Vue应用中,父组件如何通过`@parentFn`和`@parentEvent`监听子组件的方法调用,以及子组件如何使用`this.$emit`触发父组件事件。
7125

被折叠的 条评论
为什么被折叠?



