To show the 'v-model' compositionstart and compositionend.

imeExample.vue

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <p>the input is: <span class="name">{{result}}</span></p>
   <input type="text" 
    :value=result
    @input="compositionend" 
    @compositionstart="compositionstart($event)"
    @compositionend="compositionend($event)"
  />
</div>
<script>
let app = new Vue({
  el: '#app',
  data: {
    compositing: false,
      result: '',
  },
  methods: {
      compositionstart(event = null) {
        this.compositing = true;
      },
        compositionend(event = null) {
          if (this.compositing === false) {
            this.result = event.target.value;
          }
        },
    }
});
</script>