Emits

Emits — это способ, с помощью которого дочерний компонент отправляет события родительскому компоненту.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// App.vue<script setup>import { ref } from 'vue'  import Comp from './Comp.vue'  const count = ref(0)  function updateCount(newCount) {  count.value = newCount}</script>  <template>  <p>count: {{count}}</p>  <Comp @update-count='updateCount'/></template>

1
2
3
4
5
6
7
8
9
10
11
12
// Comp.vue<script setup lang="ts">const emit = defineEmits(['updateCount'])  function handleClick() {  emit('updateCount', 12)}</script>  <template>  <button @click='handleClick'>Add</button></template>