实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<script src="https://unpkg.com/vue/dist/vue.js"></script>
2
​
3
<div id="list-demo" class="demo">
4
  <button v-on:click="add">Add</button>
5
  <button v-on:click="remove">Remove</button>
6
  <transition-group name="list" tag="p">
7
    <span v-for="item in items" :key="item" class="list-item">
8
      {{ item }}
9
    </span>
10
  </transition-group>
11
</div>
12
<script>
13
new Vue({
14
  el: '#list-demo',
15
  data: {
16
    items: [1,2,3,4,5,6,7,8,9],
17
    nextNum: 10
18
  },
19
  methods: {
20
    randomIndex: function () {
21
      return Math.floor(Math.random() * this.items.length)
22
    },