render-page.vue
<template>
<div>
<list :list="list" :style="{color: 'red'}">
<count-to slot-scope="count" :end-val="count.number" ></count-to>
</list>
</div>
</template>
<script>
import List from '_c/ulList'
import CountTo from '_c/count-to'
export default {
data() {
return {
list: [
{number: 100 },
{number: 33 }
]
}
},
components: {
List,
CountTo
},
methods: {
renderFunc(h, number) {
return (
<CountTo
on-on-animation-end={this.handleEnd}
endVal={number}