Vue.js 3 Composition API를 사용하여 구성 요소가 표시될 때 이벤트를 트리거합니다.
<p>내 애플리케이션에는 버튼과 변수를 통해 표시/숨겨지는 일부 구성 요소가 있습니다(예: v-show="variable"). 버튼은 이러한 변수를 true/false로 설정하고 웹용으로 이러한 구성 요소를 처리합니다. 다른 페이지에서 웹사이트를 탐색하는 것과 같습니다. 내가 원하는 것은 구성 요소가 페이지에 표시될 때 함수를 호출하는 방법입니다. 예를 들어 무작위로 2명의 플레이어를 선택해 게임을 시작하고 싶은 경우, 게임판이 표시될 때 플레이어가 2명일 때만 메시지나 경고가 표시됩니다. 중요한 것은 그 경우에 이벤트가 발생했다는 것이고, 이전에는 아닙니다. 내 생각은 구성 요소의 스크립트 부분에 함수를 두는 것입니다. </p>
<pre class="brush:php;toolbar:false;">function Something() { 경고("hello") }</pre>
<p>그런 다음 다음과 같이 말할 방법을 찾으세요.</p>
<pre class="brush:php;toolbar:false;">구성요소가 표시될 때 -> if (player == 2) { Something() }</pre>
<p>제가 부족한 점은 "구성 요소가 표시되는 시기" 부분을 결정하고 처리하는 방법입니다. 나에게 가장 적절한 논리는 onMounted, onRendered(개발 환경에서만 작동한다고 읽었음) 및 onActivated를 사용하는 것 같지만 제대로/전혀 작동하지 않는 것 같습니다. </p>
