Händelseparametrar i Vue

Det är möjligt att skicka parametrar i emitterade händelser. Låt oss titta på ett exempel. Antag att förälderkomponentens funktion accepterar parametrar:

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

Dessa parametrar ska anges som parametrar till funktionen $emit, efter händelsens namn:

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

Задание 1

Skicka från förälderkomponenten till barnkomponenten följande metod:

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

Skapa i komponenten med en arbetare en knapp, vid klick på vilken arbetarens namn skickas till förälderkomponenten.

Задание 2

Skicka från förälderkomponenten till barnkomponenten följande metod:

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

Skapa i komponenten med en arbetare en knapp, vid klick på vilken arbetarens namn och lön skickas till förälderkomponenten.