<template>
  <div style="margin-top: 200px;">
    myinput: <myinput v-model="val" @focus="myfocus" />
    <div>{{ val }}</div>
    parent: <input v-model="val" />
  </div>
</template>

<script>
import myinput from "./myinput";
export default {
  name: "UseMyinput",
  components: {
    myinput,
  },
  data() {
    return {
      val: 3,
    };
  },
  methods: {
    myfocus(e) {
      // console.log(this.val);
      console.log(e);
    },
  },
};
</script>