复制包含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组件