Vue.js:フォーカスの当たっている要素のIDを取得する

こんな感じでいけます:

created: function() {
    // ブラウザ以外で実行の場合、documentが無いと怒られるための確認
    if(typeof window !== 'undefined') {
        // フォーカスが変わったらfocusChanged関数を呼ぶ
        document.addEventListener('focusin', this.focusChanged);
    }
},
beforeDestroy: function() {
    if(typeof window !== 'undefined') {
        document.removeEventListener('focusin', this.focusChanged);
    }
},
data: function () {
    return {
        idOfFocus: ''
    };
},
methods: {
    focusChanged: function(event) {
        this.idOfFocus = event.target.id;
    },
}