Vue3.x系列--插槽的使用

插槽

1、插槽的基本使用

vm.component('page',{
     template:'<div><slot></slot></div>'
})

page组件，使用div元素定义slot元素，理解为占位符

<div id="app">
    <page>注意，这里是组件的名称</page>
</div>

渲染组件时，这个内容会置换组件内部的<slot>元素

page组件中没有slot元素，那么<page>元素中的内容将不会渲染到页面