Javascript Vue js绑定事件到动态子元素

在jQuery中，我可以将事件绑定到动态创建的子元素：

$（static祖先）.on（eventName，dynamicChild，function（）{}）

例如，我有一个表，当用户将焦点放在最后一行输入时，我想追加新行：

$("#meta-panel").on("focus", ".input-row:last input", function (event)   {
    myVueApp.addMetaInputRow(); //pushes new row into array
});

如何使用Vue实现这一点？
您的新html需要通过Vue编译，才能像Vue Instance的一部分一样工作

myVueApp = new Vue({
  methods: {
    addMetaInputRow: function(){
      // here you can add method which can focus on last row       
      var $element = $('#app').append('<div onClick="dynamic()">HTML code.</div>')
      this.$compile($element.get(0));
    },
    dynamic() {
      // add new elements to rows
      console.log('hello from dynamic content.')
    }
  }
});

myVueApp=新的Vue({
方法：{
addMetaInputRow:函数（）{
//在这里，您可以添加方法，该方法可以集中于最后一行
var$element=$（“#app”）.append（'HTML代码'）
这个.compile（$element.get（0））；
},
动态（）{
//向行中添加新元素
log（'来自动态内容的您好'）
}
}
});