效果:

代码:

<template><div><divv-for="(item,index)inlst"><h5>{{item.id}}</h5><leave></leave></div><hr><button@click="create">创建</button></div></template><script>importleavefrom'./components/leave.vue'exportdefault{name:'createComponent',data(){return{lst:[{"id":"1"}],num:1}},components:{leave},methods:{create(){this.num++;this.lst.unshift({"id":this.num});}}}</script><stylescoped></style>