<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

Logo

前往低代码交流专区

更多推荐