Вставить код vue js в тег DIV

Я создал компонент,

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.info("Cliked");
            }
        }
}

Случай 2 работает как положено. Я хочу иметь такое же поведение динамически (например, Дело 1).

Я могу добавить значение переменной count, используя

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

но как я могу запустить метод doClick при нажатии на span?

Как я могу динамически вводить код vue js в тег DIV компонента?