전체 애플리케이션 및 모든 해당 구성 요소에 대한 준비 또는 설치된 이벤트에 대한 Vue

Question

전체 Vue 앱이 설치되어 있는지 확인할 수 있는 방법이 있는지 궁금합니다.

페이지의 특정 링크를 확인하고 여기에 대화 상자 이벤트를 추가하는 대화 상자 스크립트를 로드하고 있습니다. 하지만 문제는 페이지가 로드될 때 너무 일찍 실행된다는 것입니다. jQuery의 .ready() 함수를 사용하세요. 하지만 이 시점에서 모든 구성 요소가 설치되는 것은 아니며 일부 Vue 구성 요소 링크에는 대화 상자 링크 이벤트가 첨부되어 있지 않습니다.

저는 다음과 같은 작업을 수행하고 싶습니다.

$( 문서 ).ready( 함수 () {
    const app = createApp();
    app.comComponent('섹션 헤더',SectionHeader);
    // 추가 구성요소 등...

    const mountApp = app.mount( '#app' );

    if (mountedApp.ready()) {
        // 이제 Vue가 아닌 사용자 정의 대화 상자 스크립트를 로드하여 DOM과 모든 구성 요소가 마운트되었는지 확인합니다.
        let CsDialog = require( './vendor/cs-dialog.min' );
        대화 상자 = 새로운 CsDialog();
        대화상자.bindEvents();
    }
});

Answer 1

전혀 jQuery 필요하지 않습니다.

응용 프로그램 mounted()/onMounted() 후크는 모든 구성 요소가 설치된 후에 실행됩니다.

아래 놀이터를 참고하세요.

애플리케이션 후크는 마지막에 실행됩니다.

Lifecycle Hooks 및 onMounted()

에 대한 정보를 확인하세요.

으아악 으아악 으아악