将vue js代码注入DIV标签

Question

我创建了一个组件，

var component = {
         template : "<div>\
                         Case 1: <div v-html='vHtml'></div>\
                         Case 2: <div>Count is <span @click='doClick'>{{count}}</span></div>\
                     </div>",
         data :function(){
                return {
                      vHtml:"",
                      count:0
                }
         },
         mounted : function(){
                  this.vHtml = 'Count is <span @click="doClick">{{count}}</span>';
         },
        methods:{
            doClick:function(){
               console.log("Cliked");
            }
        }
}

情况2正常工作。我想动态地具有相同的行为（例如  情况1）。

我可以使用

附加count变量的值

this.vHtml = 'Count is <span @click="doClick">'+this.count+'</span>

但是单击doClick时如何触发方法span？

如何将Vue js代码动态注入组件DIV标签？