** 父组件
<template>
<div>
<!-- parentIncrement : 接收子组件$emit触发的事件名称 -->
<Search v-on:parentIncrement="incrementTotal"></Search>
</div>
</template>
<script>
import Search from './search.vue'
export default {
methods: {
// 子组件 触发 parentIncrement
// 然后父组件触发 incrementTotal
incrementTotal (arg) {
console.log(arg)
}
},
components: {
Search
}
}
</script>
** 子组件
<template>
<div @click="increment('小花')">点我触发父组件的parentIncrement事件</div>
</template>
<script>
export default {
methods: {
increment (arg) {
// $emit('父组件事件名', 参数)
this.$emit('parentIncrement', arg)
}
}
}
</script>