2023-06-14 记录一下vue中子组件如何调用父组件里面的方法（this.$emit('方法名')）

1. 在子组件中使用 $emit 方法触发该方法

<script>
export default {
  methods: {
    callAppMethod() {
      this.$emit('app-method')
    }
  }
}
</script>

2. 在父组件中监听该事件，并调用相应的方法

<template>
  <div>
    <child-component @app-method="appMethod"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: { ChildComponent },
  methods: {
    appMethod() {
      console.log('666')
    }
  }
}
</script>