复制包含v-for的元素，但是复制出来的元素不会带有v-for的元素

Question

html部分 <div id="app">    <div id="ul" class="box">      <ul>        <li v-for="item in items">{{item.message}}</li>      </ul>    </div>  </div>js部分 var test = new Vue({      el: "#app",      data: {        items: [{            message: "foo"          },          {            message: "fo1"          },          {            message: "fo2"          },          {            message: "fo3"          },        ]      }    })         var clone = document.getElementById('ul').cloneNode();     document.getElementsByTagName('body')[0].appendChild(clone)复制出来的元素不带有v-for的效果，我希望复制出来的元素同样能绑定items显示

Answer 1

实际你这种属于复用组件的问题，推荐用VUE组件