Vue에서 이벤트 매개변수

발생시키는 이벤트에 매개변수를 전달할 수 있습니다. 예제를 통해 살펴보겠습니다. 부모 컴포넌트의 함수가 매개변수를 받는다고 가정해 봅시다:

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

이 매개변수는 이벤트 이름 뒤에 $emit 함수의 매개변수로 지정해야 합니다:

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

Задание 1

다음 메서드를 부모 컴포넌트에서 자식 컴포넌트로 전달하세요:

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

직원 컴포넌트에 버튼을 만들고, 클릭 시 부모 컴포넌트로 직원의 이름이 전달되도록 하세요.

Задание 2

다음 메서드를 부모 컴포넌트에서 자식 컴포넌트로 전달하세요:

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

직원 컴포넌트에 버튼을 만들고, 클릭 시 부모 컴포넌트로 직원의 이름과 급여가 전달되도록 하세요.