子组件可以通过 this.$attrs 访问其父组件传递的所有非 prop 属性。子组件还可以通过 this.$listeners 访问其父组件监听的所有事件。

父组件:htmlCopy

<template>
  <div>
    <child-component title="Child Component" @click="handleClick"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  methods: {
    handleClick() {
      console.log('Clicked!');
    },
  },
};
</script>

子组件:htmlCopy

<template>
  <div>
    <h1>{{ $attrs.title }}</h1>
    <button @click="$listeners.click">Click Me</button>
  </div>
</template>

<script>
export default {
};
</script>

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注