父组件

src/views/Home.vue

<template>
  <div>
    <Child />
  </div>
</template>

<script>
import Child from '../components/Child';

export default {
  components: {
    Child
  },
  methods: {
    message() {
      console.log('触发了父组件的事件');
    }
  }
};
</script>

子组件

src/components/Child.vue

<template>
  <div>
    <h2>Hello，长乐未央</h2>

    <button @click="handleClick">点击子组件</button>
  </div>
</template>


<script>
export default {
  metho...