vue.js 列表追加项写法

<ul id="app">
  <template v-for="site in sites">
    <li>{{ site.name }}</li>
    <li>--------------</li>
  </template>
</ul>
<script>
var v=new Vue({
  el: '#app',
  data: {
    sites: [
      { name: 'Runoob' },
      { name: 'Google' },
      { name: 'Taobao' }
    ]
  }
})

v.sites.push({name: 'Taobaosss' });
v.sites.push({name: 'Taobaosss' });
v.sites.push({name: 'Taobaosss' });
v.sites.push({name: 'Taobaosss' });
v.sites.push({name: 'Taobaosss' });
v.sites.push({name: 'Taobaosss' });
 
</script>

猜你喜欢

转载自www.cnblogs.com/dj258/p/9276737.html