父组件中的方法(SubComponents为引入的子组件),完整代码如下:
<template>
<div>
<SubComponents @subClickFtn="subClick"/>
</div>
</template>
<script>
import SubComponents from '子组件引入的路径'
export default {
name: 'parentComponents ',
components: {
SubComponents
},
methods: {
subClick() {
//父组件中的方法
}
},
}
</script>
子组件响应父组件的方法,完整代码如下:
<template>
<div @click="subClick"></div>
</template>
<script>
export default {
name: 'SubComponents',
methods: {
subClick() {
//响应父组件的方法,其中subClickFtn为父组件的点击事件
this.$emit('subClickFtn')
}
}
}
</script>
子组件响应父组件的方法为this.$emit(’’),
以上完整代码是为了初学者能够更好的了解this.$emit(’’)的使用。