zidom/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
  <vlist>
    <span slot="foo0">你好</span>
    <span slot="bar2">Hi</span>
  </vlist>
</div>

<script type="text/x-template" id="mylist">
<ul>
  <li v-for="(c, idx) in ['a','b','c','d']" :key='idx'>
    {{c}}:
    <slot :name="`foo${idx}`"><slot>
    <slot :name="`bar${idx}`"><slot>
  </li>
</ul>
</script>

<script>

  Vue.component('vlist',{
    template:'#mylist'
  })

  new Vue({
    el:'#app'
  })


</script>


</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	</head>
	<body>
	<div id="app">
	<vlist>
	<span slot="foo0">你好</span>
	<span slot="bar2">Hi</span>
	</vlist>
	</div>

	<script type="text/x-template" id="mylist">
	<ul>
	<li v-for="(c, idx) in ['a','b','c','d']" :key='idx'>
	{{c}}:
	<slot :name="`foo${idx}`"><slot>
	<slot :name="`bar${idx}`"><slot>
	</li>
	</ul>
	</script>

	<script>

	Vue.component('vlist',{
	template:'#mylist'
	})

	new Vue({
	el:'#app'
	})


	</script>




	</body>
	</html>