내보낼 수 있는 기능을 사용하여 Vue 구성 요소를 만드는 방법

Question

내보낼 수 있는 기능을 사용하여 구성 요소를 만드는 방법을 이해하려고 합니다. 예를 들어, 이 컴포넌트에서 가져온 showMessage() 메서드가 다른 컴포넌트에서 호출될 때 화면에 나타날 메시지 상자를 만들고 싶습니다. 메시지 상자 구성 요소에서 논리와 템플릿을 설명하고 싶습니다. 이것을 달성하는 방법은 무엇입니까? 이에 대한 문서/기사가 있으면 크게 감사하겠습니다.

Answer 1

1. App.vue(또는 기타 전역 파일)에 메시지 구성 요소를 탑재하세요.

2. 상점의 기능을 통해 소품을 제어하세요

예를 들어

으아악 으아악

그런 다음 piniaStore().showMessage(...)를 사용하여 어디에서나 메시지를 호출할 수 있습니다.

(이 코드는 단지 개념일 뿐, 제대로 작동하려면 개발해야 합니다...)

---

하지만 Quasar Framework - Dialog를 사용할 수 있을 것 같습니다($q.dialog가 바로 여러분에게 필요한 것입니다!) 또는 Ionic 프레임워크 - 경고, Vuetify - 대화 API 등(모든 프레임워크에 이러한 기능이 있음)