vue에서 DOMContentLoaded사용하기

html에서 화면이 로드될때 어떤 이벤트를 발생시키고 싶을때

document.addEventListener("DOMContentLoaded", function(){})을 사용했던 기억이 있다. 하지만 vue에서는 사용이 되지 않는다.

그래서 구글링을 열심히 한 결과 vue에서 관련 메소드를 찾았다!!

 

사용하고자 하는 Vue파일 아래 script 부분에 아래와 같이 기재해주면된다.

export default {

    name:'submenu',

    created () {

       alert('새로고침되었습니다.')

    }

}

이제 새로고침할때마다 '새로고침되었습니다'라는 알람이 뜬다!

 

내가 못하는건지 아니면 vue에서 JQuery를 지원을 하지 않는건지 모르겠지만 JQuery를 사용하려고 할때 마다 $가 뭔지 인식을 못한다. 

앞으로 vue에서 사용되는 메소드를 잘 찾아봐야겠다.