Vueの練習三〇から八：05_03_キーコードを表示するには、ボタンを押してください

デモオンラインアドレス：
https://sx00xs.github.io/test/38/index.html
----------------------------- ----------------------------------
IDE：VSCode
ファイル形式：.vue
に完成する決意:(）

<テンプレート> 
    の<div> 
        <PRE V-PRE> 
＆LT;スクリプトタイプ= "テキスト/ javascriptの" ＆GT。
window.onload = 関数（）
{ 
    VARの OP = document.getElementsByTagName（ "P"）[0 ];    
    document.onkeydown = 関数（イベント）
    { 
        VARのイベント=イベント|| window.event; 
        oP.innerHTML = event.keyCode。
        戻りfalsedd 
    } 
}
＆LT; /スクリプト＆GT。
        </ PRE> 
        <P> {{メッセージ}} </ P> 
    </ div> 
</テンプレート>
エクスポートデフォルト{ 
    名： 'NAVS' 、
    データ（）{ 
        リターン {1つの。
            メッセージ： 'あなたは、このボタンはキーコードを表示します押して' 
        } 
    }、
    メソッド：{ 
        handleKeydown（イベント）{ 
            この .message = event.keyCode; 
        } 
    } 、
    マウント（）{ 
        document.addEventListener（ 'KEYDOWN'、この.handleKeydown）
    } 
}
 </ SCRIPT>