뷰 연습 서른여덟는 : 키 코드를 표시 버튼을 눌러 05_03_

데모 온라인 주소 :
https://sx00xs.github.io/test/38/index.html
----------------------------- ----------------------------------
IDE : VSCode의
파일 형식 : .vue
해결은) :( 완료한다

<템플릿> 
    <div> 
        <V 미리 사전> 
및 LT; 스크립트 TYPE = "텍스트 / 자바"& 한다 
창로드 = 함수 () 
{ 
    VAR의 OP = document.getElementsByTagName ( "P") [0 ];    
    document.onkeydown = 기능 (이벤트) 
    { 
        var에 이벤트 = 이벤트 || window.event를; 
        oP.innerHTML = event.keyCode;
        반환 falsedd 
    } 
}
 및 / 스크립트가있다; 
        </ 사전> 
        <p> 메시지 {{}} </ p> 
    </ div> 
</ 서식>
수출 기본 { 
    이름 : 'NAVS' , 
    데이터 () { 
        반환 {1. 
            메시지 : '이 버튼은 키 코드를 표시합니다 눌러' 
        } 
    } 
    방법 : { 
        handleKeydown (이벤트) { 
            다음은이 .message = event.keyCode; 
        } 
    } , 
    마운트 () { 
        document.addEventListener ( '를 keyDown' 이 본 .handleKeydown) 
    } 
}
 </ script>