Yayınlar

Yayınlar

Props almanın yanı sıra, bir alt bileşen de üst bileşene olaylar yayabilir:

<script setup>
// yayımlanan olayları belirle
const emit = defineEmits(['response'])

// argüman ile yayımlama
emit('response', 'hello from child')
</script>

export default {
  // yayımlanan olayları belirle
  emits: ['response'],
  setup(props, { emit }) {
    // argüman ile yayımlama
    emit('response', 'hello from child')
  }
}

export default {
  // yayımlanan olayları belirle
  emits: ['response'],
  created() {
    // argüman ile yayımlama
    this.$emit('response', 'hello from child')
  }
}

ipucu

this.$emit() ve emit() fonksiyonlarına verilen ilk argüman, olay adıdır. Ek argümanlar, olay dinleyicisine iletilir.

Olay Dinleme

Üst bileşen, alt bileşen tarafından yayımlanan olayları v-on ile dinleyebilir - burada işleyici, alt bileşenin yayım çağrısından gelen ek argümanı alır ve yerel duruma atar:

<ChildComp @response="(msg) => childMsg = msg" />

<child-comp @response="(msg) => childMsg = msg"></child-comp>

bilgi

Artık bunu düzenleyicide kendiniz deneyin.