最简单的基础插槽<slot></slot>
定义组件然后将内容写入组件标签中间,然后在组件的模板template中通过<slot></slot>将组件标签中间的内容填充到模板上(注意模板必须有一个跟标签)
<body>
<div id="app">
<list-btn>
去啊委屈委屈委屈·1
</list-btn>
</div>
</body>
<script type="text/javascript">
Vue.component('list-btn',{
data:function(){
return {
count:0
}
},
template:`
<div>
<p class='ps'><slot></slot></p>
</div>
`,
})
</script>