stateful.vue 430 B

12345678910111213141516171819202122
  1. <template>
  2. <recycle-list for="item in longList" switch="type">
  3. <cell-slot case="A">
  4. <counter :start="item.number"></counter>
  5. <text>other</text>
  6. </cell-slot>
  7. </recycle-list>
  8. </template>
  9. <script>
  10. // require('./counter.vue')
  11. module.exports = {
  12. data () {
  13. return {
  14. longList: [
  15. { type: 'A', number: 24 },
  16. { type: 'A', number: 42 }
  17. ]
  18. }
  19. }
  20. }
  21. </script>