Vue.jsもしくはNuxt.jsにおいて、DOMのマウント後にinputタグを追加し、v-onイベントを追加する方法について

Question

Nuxt.jsでアプリを作成しております。
DOMのマウント後に、inputタグをdivタグの中に挿入し、
そのinput タグにおいて、v-on:changeのようなイベントで
チェックが起こった際、イベントを発生させるというような実装を考えています。

inputタグの追加やv-on:changeでイベント指定の追加などはできたのですが、
肝心のイベントが呼びだされません。

コードは下記のように作っています。

<template>
 <div class="addHere">ここに新しいinputタグを追加します。</div>
</temaplate>
<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator'

@Component({ components: {} })
export default class extends Vue {
 mounted() {
    this.$nextTick(() => {
      // inputエレメントの作成
      let newInput: any = document.createElement('input')
      newInput.type = 'checkbox'
      newInput.id = 'new_checkBox'
      newInput.name = 'new_checkBox'
      newInput.setAttribute('v-on:change', 'myFunc()')
      
      // 既にあるdivタグの中に、作成したinputタグを挿入
      const parentDiv = document.getElementsByClassName('addHere')
      parentDiv.appendChild(newInput)
     } 
 }
 myFunc() {
    console.log('選択しました！')
 }
}

</script>

console.logで確認しても、問題なくタグは入っているようでした。
どのようにすれば、v-on:changeイベントでmyFunc()を呼び出すことができるようでしょうか？
詳しい方、ご教示いただけますと幸いです。