Vuejs2 如何在vue js中将单击事件添加到子类组件

我有一个按钮，在单击时添加一个新组件，它工作正常，但当我想在子类上添加onclick事件时，问题就开始了。它不工作，下面是子类的代码

   var col = Vue.extend({
      template:'<van-col span=1 offset=11 @click="Test" id={id}>X</van-col>',
      props:['Trial'],
      data(){
        return{
          id:removeId
      };
      },
      methods:{
        Test(){
          this.Trial();
        }
      }
    });

    var instanceCol1 = new col();
     instanceCol1.$mount();
     this.$el.getElementsByClassName(rowClass)[0].appendChild(instanceCol1.$el);

var col=Vue.extend({
模板：'X'，
道具：[‘审判’]，
数据（）{
返回{
id:removeId
};
},
方法：{
测试（）{
这是一次审判；
}
}
});
var instanceCol1=新列（）；
instanceCol1.$mount（）；
此.el.getElementsByClassName（rowClass）[0].appendChild（instanceCol1.el）；