laravel8 + vue.js2.6の.nativeの使い方

###この本を書いたきっかけは？何についての記事？
「これから始める、Vue.js実践入門」（山田祥寛/著、SBクリエイティブ株式会社/発行）のリスト4-15~16あたりをlaravel8のプロジェクト内でやりたかったので、コードを少し改変してみた。
###参考にしたリンク
https://qiita.com/b1san/items/6bc0be17cd6ed687520c

MyComponent3.vue

<template>
  <div>
    <mycomponent4 v-on:focus.native="onfocus"></mycomponent4>
  </div>
</template>

<script>
import mycomponent4 from './MyComponent4.vue';
export default {
components: {mycomponent4},
 data: function () {
    return {
        current: 0,
    }
 },
  methods: {
    onfocus: function (e) {
      console.log(e);
    }
  },
};
</script>

MyComponent4.vue

<template>
<input type="text" />
</template>
<script>
export default {
 data: function () {
    return {
        // current: 0,
    }
 },

    // props: ['step'],
    methods: {
    }
};
</script>

app.js

require('./bootstrap');
import Vue from 'vue'
import App3 from './components/MyComponent3.vue'
const app3 = new Vue({
    el: '#app3',
    components: {
         App3
    },
});