<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

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐