vue.js对事件添加的dom怎么渲染

<div id= "app" >

     <button v-on:click= "addNewElement()" >Add Element</button> 

     <br />

</div>

   

   <script>

     new  Vue({

     el:  '#app' ,

     data: {

         sampleElement:  '<com></com>'

     },

     methods:{

         addNewElement:  function (){

 

            var  element = $( '#app' ).append( this .sampleElement);

            

            var  tmp = Vue.extend({ 

               template:  '<button v-on:click="test()">Hello!</button>' ,

               methods:{

                   test:  function (){

                      alert( 'Test' );

                   }

               }

 

           })

           new  tmp().$mount( 'com' );

            

            

         },

         

     },

     

});

 

 

  </script>

文档地址：http://cn.vuejs.org/v2/api/#vm-mount