Skip to content

Commit

Permalink
emits (#56)
Browse files Browse the repository at this point in the history
  • Loading branch information
mostafa-nematpour authored Nov 9, 2023
1 parent a9090a3 commit dd33119
Showing 1 changed file with 10 additions and 10 deletions.
20 changes: 10 additions & 10 deletions src/tutorial/src/step-13/description.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
# Emits {#emits}

In addition to receiving props, a child component can also emit events to the parent:
علاوه بر دریافت props یک کامپوننت فرزند همچنین می‌تواند رویدادهایی را به والد ارسال کند:

<div class="composition-api">
<div class="sfc">

```vue
<script setup>
// declare emitted events
// شده emit تعریف رویدادهای
const emit = defineEmits(['response'])
// emit with argument
// با آرگومان emit
emit('response', 'hello from child')
</script>
```
Expand All @@ -21,10 +21,10 @@ emit('response', 'hello from child')

```js
export default {
// declare emitted events
// شده emit تعریف رویدادهای
emits: ['response'],
setup(props, { emit }) {
// emit with argument
// با آرگومان emit
emit('response', 'hello from child')
}
}
Expand All @@ -38,20 +38,20 @@ export default {

```js
export default {
// declare emitted events
// شده emit تعریف رویدادهای
emits: ['response'],
created() {
// emit with argument
// با آرگومان emit
this.$emit('response', 'hello from child')
}
}
```

</div>

The first argument to <span class="options-api">`this.$emit()`</span><span class="composition-api">`emit()`</span> is the event name. Any additional arguments are passed on to the event listener.
اولین آرگومان <span class="options-api">`this.$emit()`</span><span class="composition-api">`emit()`</span> نام رویداد است. هر آرگومان اضافی به listener رویداد پاس داده می‌شود.

The parent can listen to child-emitted events using `v-on` - here the handler receives the extra argument from the child emit call and assigns it to local state:
والد می‌تواند با استفاده از `v-on` به رویدادهای ارسال شده از فرزند گوش دهد - در اینجا handler آرگومان اضافی را از تابع emit فرزند دریافت کرده و آن را به state محلی `childMsg` اختصاص می‌دهد:

<div class="sfc">

Expand All @@ -68,4 +68,4 @@ The parent can listen to child-emitted events using `v-on` - here the handler re

</div>

Now try it yourself in the editor.
حالا خودتان در ادیتور امتحان کنید.

0 comments on commit dd33119

Please sign in to comment.