一.html
<div id="app">
<cpn><span slot="center">大哥</span></cpn>
<!-- 也可以更换标签 -->
<cpn><button slot="center">大哥</button></cpn>
</div>
<template id="cpn">
<div>
<slot name ="left"><span>左边</span></slot>
<slot name ="center"><span>中间</span></slot>
<slot name ="right"><span>右边</span></slot>
</div>
</template>
二.script
const cpn ={
template: '#cpn',
}
const app =new Vue({
el:"#app",
components:{
cpn
}
})