Hendelsesparametere i Vue

Det er mulig å sende parametere til utsendte hendelser. La oss se på et eksempel. Anta at funksjonen til foreldrekomponenten tar imot parametere:

App.vuemethods: {
  func(arg1, arg2) {
    console.log(arg1, arg2);
  }
}

Disse parameterne må angis som parametere for funksjonen $emit, etter hendelsens navn:

components/User.vuemethods: {
  handle() {
    this.$emit('show', 'xxx', 'yyy');
  }
}

Задание 1

Send fra foreldrekomponenten til barnekomponenten følgende metode:

App.vuemethods: {
  func(name) {
    console.log(name);
  }
}

Lag en knapp i komponenten for arbeidstaker som, ved å trykke på den, vil sende arbeidstakerens navn til foreldrekomponenten.

Задание 2

Send fra foreldrekomponenten til barnekomponenten følgende metode:

App.vuemethods: {
  func(name, salary) {
    console.log(name, salary);
  }
}

Lag en knapp i komponenten for arbeidstaker som, ved å trykke på den, vil sende arbeidstakerens navn og lønn til foreldrekomponenten.